[WEB] Update copy for docx import (#33239)

* removing link from translation weve_converted_your_content_to_latex

* adding the translations on choose document modal

* adding beta icon

GitOrigin-RevId: b734447474e41e57efacb589aadf67e4124d4924

services/web/frontend/extracted-translations.json

@@ -288,6 +288,7 @@
   "choose_from_group_members": "",
   "choose_how_you_search_your_references": "",
   "choose_which_experiments": "",
+  "choose_word_document": "",
   "citation": "",
   "citation_key_helper": "",
   "cite_a_reference_from_your_reference_manager_to_automatically_add_it_to_your_bib_file": "",
@@ -909,6 +910,7 @@
   "import_idp_metadata": "",
   "import_to_sharelatex": "",
   "import_word_document": "",
+  "import_word_document_description": "",
   "imported_from_another_project_at_date": "",
   "imported_from_external_provider_at_date": "",
   "imported_from_mendeley_at_date": "",

services/web/frontend/js/features/ide-react/components/modals/project-converted-from-docx-modal.tsx

@@ -1,4 +1,4 @@
-import { Trans, useTranslation } from 'react-i18next'
+import { useTranslation } from 'react-i18next'
 import {
   OLModal,
   OLModalBody,
@@ -63,20 +63,7 @@ function ProjectConvertedFromDocxModalContent({
       <OLModalHeader>
         <OLModalTitle as="h3">{t('document_ready_for_editing')}</OLModalTitle>
       </OLModalHeader>
-      <OLModalBody>
+      <OLModalBody>{t('weve_converted_your_content_to_latex')}</OLModalBody>
-        <Trans
-          i18nKey="weve_converted_your_content_to_latex"
-          components={[
-            // eslint-disable-next-line jsx-a11y/anchor-has-content
-            <a
-              href="/learn"
-              key="wiki-link"
-              rel="noopener noreferrer"
-              target="_blank"
-            />,
-          ]}
-        />
-      </OLModalBody>
       <OLModalFooter>
         <OLButton variant="primary" onClick={onHide}>
           {t('start_editing')}

services/web/frontend/js/features/project-list/components/new-project-button/import-docx-modal.tsx

@@ -11,6 +11,7 @@ import {
 import OLButton from '@/shared/components/ol/ol-button'
 import '@uppy/core/dist/style.css'
 import '@uppy/dashboard/dist/style.css'
+import BetaBadgeIcon from '@/shared/components/beta-badge-icon'
 
 function ImportDocxModal({
   onHide,
@@ -36,9 +37,15 @@ function ImportDocxModal({
       backdrop="static"
     >
       <OLModalHeader>
-        <OLModalTitle as="h3">{t('import_word_document')}</OLModalTitle>
+        <OLModalTitle as="h3" className="import-docx-modal-title">
+          {t('choose_word_document')}
+          <span className="beta-icon-wrapper">
+            <BetaBadgeIcon />
+          </span>
+        </OLModalTitle>
       </OLModalHeader>
       <OLModalBody>
+        <p>{t('import_word_document_description')}</p>
         <Dashboard
           uppy={uppy}
           proudlyDisplayPoweredByUppy={false}

services/web/frontend/stylesheets/pages/project-list.scss

@@ -585,6 +585,16 @@ ul.project-list-filters {
   }
 }
 
+.import-docx-modal-title {
+  display: flex;
+  align-items: center;
+
+  .beta-icon-wrapper {
+    margin-left: var(--spacing-03);
+    display: inline-flex;
+  }
+}
+
 /* stylelint-disable selector-class-pattern */
 .project-list-upload-project-modal-uppy-dashboard .uppy-Root {
   .uppy-Dashboard-AddFiles-title {

services/web/locales/en.json

@@ -380,6 +380,7 @@
   "choose_from_group_members": "Choose from group members",
   "choose_how_you_search_your_references": "Choose how you search your references",
   "choose_which_experiments": "Choose which experiments you’d like to try.",
+  "choose_word_document": "Choose Word document",
   "choose_your_plan": "Choose your plan",
   "citation": "Citation",
   "citation_key_helper": "Unique key for citations, no spaces or special characters",
@@ -1178,6 +1179,7 @@
   "import_idp_metadata": "Import IdP metadata",
   "import_to_sharelatex": "Import to __appName__",
   "import_word_document": "Import Word document",
+  "import_word_document_description": "Content will be imported from the selected document. Formatting may not be reproduced exactly.",
   "important_message": "Important message",
   "imported_from_another_project_at_date": "Imported from <0>Another project</0>/__sourceEntityPathHTML__, at __formattedDate__ __relativeDate__",
   "imported_from_external_provider_at_date": "Imported from <0>__shortenedUrlHTML__</0> at __formattedDate__ __relativeDate__",
@@ -2980,7 +2982,7 @@
   "well_be_here_when_youre_ready": "We’ll be here when you’re ready to dive back in! 🦆",
   "were_making_some_changes_to_project_sharing_this_means_you_will_be_visible": "We’re making some <0>changes to project sharing</0>. This means, as someone with edit access, your name and email address will be visible to the project owner and other editors.",
   "were_performing_maintenance": "We’re performing maintenance on Overleaf and you need to wait a moment. Sorry for any inconvenience. The editor will refresh automatically in __seconds__ seconds.",
-  "weve_converted_your_content_to_latex": "We’ve converted your content to LaTeX. You may need to edit styling, particularly for tables, figures and citations. <0>Get help with LaTeX</0>",
+  "weve_converted_your_content_to_latex": "We’ve converted your content to LaTeX. You may need to edit styling, particularly for tables, figures and citations.",
   "weve_hit_a_problem_try_starting_a_new_chat": "We’ve hit a problem. Try starting a new chat.",
   "what_did_you_find_most_helpful": "What did you find most helpful?",
   "what_do_you_need": "What do you need?",