Merge pull request #25354 from overleaf/dp-editor-redesign-modal

Update editor switcher modal contents

GitOrigin-RevId: 98772328004303c43ff3f9f0edbf8b0725041c60

services/web/frontend/extracted-translations.json

@@ -428,6 +428,7 @@
   "done": "",
   "dont_forget_you_currently_have": "",
   "dont_reload_or_close_this_tab": "",
+  "double_clicking_on_the_pdf_shows": "",
   "download": "",
   "download_all": "",
   "download_as_pdf": "",
@@ -883,6 +884,7 @@
   "last_used": "",
   "latam_discount_modal_info": "",
   "latam_discount_modal_title": "",
+  "latest_updates": "",
   "latex_in_thirty_minutes": "",
   "latex_places_figures_according_to_a_special_algorithm": "",
   "latex_places_tables_according_to_a_special_algorithm": "",
@@ -1023,7 +1025,6 @@
   "month_plural": "",
   "more": "",
   "more_actions": "",
-  "more_changes_based_on_your_feedback": "",
   "more_collabs_per_project": "",
   "more_comments": "",
   "more_compile_time": "",
@@ -2048,8 +2049,7 @@
   "what_does_this_mean_for_you": "",
   "what_happens_when_sso_is_enabled": "",
   "what_should_we_call_you": "",
-  "whats_new": "",
-  "whats_next": "",
+  "whats_different_in_the_new_editor": "",
   "when_you_tick_the_include_caption_box": "",
   "why_latex": "",
   "why_might_this_happen": "",

services/web/frontend/js/features/ide-redesign/components/switcher-modal/modal.tsx

@@ -147,7 +147,12 @@ const SwitcherWhatsNew = () => {
   const { t } = useTranslation()
   return (
     <div className="ide-redesign-switcher-modal-whats-new">
-      <h4>{t('whats_new')}</h4>
+      <h4>{t('latest_updates')}</h4>
+      <ul>
+        <li>{t('double_clicking_on_the_pdf_shows')}</li>
+      </ul>
+      <hr />
+      <h4>{t('whats_different_in_the_new_editor')}</h4>
       <ul>
         <li>{t('new_look_and_feel')}</li>
         <li>
@@ -157,11 +162,6 @@ const SwitcherWhatsNew = () => {
         <li>{t('improved_dark_mode')}</li>
         <li>{t('review_panel_and_error_logs_moved_to_the_left')}</li>
       </ul>
-      <hr />
-      <h4>{t('whats_next')}</h4>
-      <ul>
-        <li>{t('more_changes_based_on_your_feedback')}</li>
-      </ul>
     </div>
   )
 }

services/web/frontend/stylesheets/bootstrap-5/pages/editor/ide-redesign-switcher-modal.scss

@@ -13,8 +13,20 @@
     padding: var(--spacing-05);
     margin: var(--spacing-05) 0;
 
-    ul li:not(:last-child) {
-      margin-bottom: var(--spacing-04);
+    hr {
+      margin: var(--spacing-04) 0;
+    }
+
+    h4 {
+      margin-top: 0;
+    }
+
+    ul {
+      margin-bottom: 0;
+
+      li:not(:last-child) {
+        margin-bottom: var(--spacing-04);
+      }
     }
   }