overleaf/services
Antoine Clausse b2e7477467 [web] Migrate AI Error Assistant to BS5 (#21129)
* [storybook] Rerender story when switching BS3/BS5

* [storybook] Add SCSS loader to storybook

* [storybook] Add some AI error assistant stories

* Rename ai-error-assistant.less to .scss

* Update less variables to sass

* Remove duplicated selector

* Replace react-bootstrap components by `OL...`

* Update Checkboxes after BS5 update

* Add IDs so clicking on labels work
* Add BS5 class name in SCSS

Note: `answer-not-detailed` is used twice in the Radios. I think it's a mistake: there should be another name for the "ai_feedback_the_suggestion_wasnt_the_best_fix_available" radio

* Rename ID `answer-not-detailed` -> `answer-not-best-fix`

* Pass name and value to BS3Radio/BS3Checkbox

* [storybook] Add delay before AI suggestion (shows the animation)

* Add a number after the checkbox/radio IDs, to allow multiple forms to be displayed

Without this, clicks on second form are updating the first form!

Another solution could be to wrap the input in the label, but it comes with other problems. See https://css-tricks.com/html-inputs-and-labels-a-love-story/

* [storybook] Update `LabsAiPromoBanner`

* Use CSS variables instead of hardcoded values

* Make radio input flex

* Replace `blue-10` by `bg-info-03`

* Fix `SuggestFixButton`

* Fix `AiErrorAssistantCopyCode`

* Fix button loading in BS5

* Use OLBadge

* Fix Button variants

* Update `suggestFixAction`

* Migrate Tooltip and Button to BS5 in LabsExperimentWidget

* Update BS3/BS5 button classname in AiErrorAssistantCopyCode

Co-authored-by: Rebeka <rebeka.dekany@overleaf.com>

* [storybook] Allow to choose props of `LabsExperimentWidget`

* Fixup `OLTooltip`: Display the tooltip on disabled button in BS5

* Update Tooltips to BS5

---------

Co-authored-by: Rebeka <rebeka.dekany@overleaf.com>
GitOrigin-RevId: 08d594e772c0a3b6db1c6081337cc2d079f478a5
2024-10-23 08:06:36 +00:00
..
chat Merge pull request #20557 from overleaf/ls-bump-express 2024-09-27 08:04:18 +00:00
clsi Merge pull request #20552 from overleaf/ac-update-node-fetch-2 2024-10-01 08:05:18 +00:00
contacts Merge pull request #20557 from overleaf/ls-bump-express 2024-09-27 08:04:18 +00:00
docstore Merge pull request #20557 from overleaf/ls-bump-express 2024-09-27 08:04:18 +00:00
document-updater Merge pull request #20679 from overleaf/bg-issue19022 2024-10-14 11:10:42 +00:00
filestore Merge pull request #20552 from overleaf/ac-update-node-fetch-2 2024-10-01 08:05:18 +00:00
git-bridge Merge pull request #21239 from overleaf/msm-jetty-update 2024-10-22 08:06:49 +00:00
history-v1 Merge pull request #20552 from overleaf/ac-update-node-fetch-2 2024-10-01 08:05:18 +00:00
notifications Merge pull request #20557 from overleaf/ls-bump-express 2024-09-27 08:04:18 +00:00
project-history Merge pull request #21072 from overleaf/msm-cleanup-post-labels 2024-10-16 09:35:48 +00:00
real-time Merge pull request #20557 from overleaf/ls-bump-express 2024-09-27 08:04:18 +00:00
spelling Merge pull request #20557 from overleaf/ls-bump-express 2024-09-27 08:04:18 +00:00
web [web] Migrate AI Error Assistant to BS5 (#21129) 2024-10-23 08:06:36 +00:00