overleaf/services/web/frontend/js/features
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
..
algolia-search Merge pull request #19126 from overleaf/td-bs5-contact-modal-react 2024-08-14 08:04:37 +00:00
autoplay-video
bookmarkable-tab CMS Bootstrap 5 migration - Tabs using bootstrap 5 classes (#20478) 2024-09-25 08:05:21 +00:00
chat Merge pull request #20715 from overleaf/ii-bs5-chat-pane 2024-10-14 11:07:26 +00:00
clone-project-modal/components Merge pull request #19466 from overleaf/ii-bs5-projects-tags 2024-07-25 08:05:20 +00:00
compromised-password/components Merge pull request #18064 from overleaf/dp-interstitial 2024-04-25 08:04:26 +00:00
contact-form Merge pull request #19126 from overleaf/td-bs5-contact-modal-react 2024-08-14 08:04:37 +00:00
cookie-banner Add Hotjar script to the home page (#20758) 2024-10-14 11:09:26 +00:00
dictionary Merge pull request #20740 from overleaf/rd-ide-offcanvas 2024-10-14 11:09:31 +00:00
editor-left-menu Disable spell check setting when doc is read-only (#21253) 2024-10-23 08:05:18 +00:00
editor-navigation-toolbar/components Merge pull request #21002 from overleaf/rd-icon-updates 2024-10-14 11:09:41 +00:00
event-tracking Merge pull request #20024 from overleaf/mf-plans-page-click 2024-09-02 08:05:39 +00:00
fallback-image
faq-search
file-tree Merge pull request #20501 from overleaf/rd-filetree-toolbar 2024-09-26 08:05:47 +00:00
file-view [web] Migrate the file view to Bootstrap 5 (#20765) 2024-10-14 11:07:55 +00:00
form-helpers Merge pull request #17845 from overleaf/mf-add-icon-error-login-home 2024-04-12 08:05:52 +00:00
group-management Merge pull request #18898 from overleaf/jpa-no-window 2024-06-19 08:04:21 +00:00
header-footer-react Merge pull request #20140 from overleaf/rd-footer-react 2024-08-30 08:04:29 +00:00
history [web] Remove dead code: history-content & history-root (#20959) 2024-10-23 08:06:27 +00:00
hotkeys-modal/components Merge pull request #20740 from overleaf/rd-ide-offcanvas 2024-10-14 11:09:31 +00:00
ide-react Avoid sending ide-open-view-null-once event (#21247) 2024-10-23 08:05:23 +00:00
link-helpers
mathjax Improve MathJax filtering of font-family attribute (#18819) 2024-06-12 08:04:13 +00:00
multi-submit
outline/components Merge pull request #20172 from overleaf/rd-ide-fileoutline 2024-09-04 08:05:12 +00:00
pdf-preview [web] Migrate PDF Logs to BS5 (#21062) 2024-10-23 08:06:32 +00:00
plans Merge pull request #20520 from overleaf/em-ts-import 2024-09-23 08:04:47 +00:00
preview [web] Migrate PDF Logs to BS5 (#21062) 2024-10-23 08:06:32 +00:00
project-list Merge pull request #21115 from overleaf/ii-bs5-review-panel 2024-10-21 08:04:37 +00:00
review-panel-new Merge pull request #21014 from overleaf/dk-review-panel-tc-widget 2024-10-22 08:05:50 +00:00
settings Merge pull request #20848 from overleaf/jdt-hide-wf-in-settings-from-no-ai 2024-10-14 11:10:33 +00:00
share-project-modal Merge pull request #20824 from overleaf/ii-bs5-share-modal 2024-10-14 11:07:31 +00:00
source-editor Disable spell check setting when doc is read-only (#21253) 2024-10-23 08:05:18 +00:00
subscription Merge pull request #21009 from overleaf/jdt-fix-assistant-plan-naming 2024-10-14 11:10:37 +00:00
token-access/components Merge pull request #19747 from overleaf/ab-v1-project-import-module 2024-08-06 08:05:11 +00:00
ui/components [web] Migrate AI Error Assistant to BS5 (#21129) 2024-10-23 08:06:36 +00:00
utils Merge pull request #20740 from overleaf/rd-ide-offcanvas 2024-10-14 11:09:31 +00:00
word-count-modal Merge pull request #20740 from overleaf/rd-ide-offcanvas 2024-10-14 11:09:31 +00:00