Add React Dropbox modal (#4055)

GitOrigin-RevId: a5fd367154fd5c4753345d44e9d1e1cc35181ced

services/web/app/src/Features/Project/ProjectController.js

@@ -868,6 +868,10 @@ const ProjectController = {
                 'new_share_modal_ui',
                 true
               ),
+              showReactDropboxModal: shouldDisplayFeature(
+                'new_dropbox_modal_ui',
+                false
+              ),
               showReactGithubSync: shouldDisplayFeature(
                 'new_github_sync_ui',
                 user.alphaProgram

services/web/frontend/extracted-translations.json

@@ -1,5 +1,6 @@
 {
   "access_your_projects_with_git": "",
+  "account_not_linked_to_dropbox": "",
   "account_settings": "",
   "add_files": "",
   "also": "",
@@ -30,6 +31,7 @@
   "change_owner": "",
   "change_project_owner": "",
   "chat": "",
+  "checking_dropbox_status": "",
   "checking_project_github_status": "",
   "clear_cached_files": "",
   "clone_with_git": "",
@@ -68,7 +70,10 @@
   "download": "",
   "download_pdf": "",
   "drag_here": "",
+  "dropbox_for_link_share_projs": "",
+  "dropbox_sync": "",
   "duplicate_file": "",
+  "easily_manage_your_project_files_everywhere": "",
   "editing": "",
   "error": "",
   "expand": "",
@@ -110,6 +115,7 @@
   "github_validation_check": "",
   "give_feedback": "",
   "go_to_error_location": "",
+  "have_an_extra_backup": "",
   "headers": "",
   "hide_outline": "",
   "history": "",
@@ -165,6 +171,7 @@
   "logs_pane_info_message_popup": "",
   "main_file_not_found": "",
   "make_private": "",
+  "manage_files_from_your_dropbox_folder": "",
   "math_display": "",
   "math_inline": "",
   "maximum_files_uploaded_together": "",
@@ -234,6 +241,7 @@
   "recompile_from_scratch": "",
   "reference_error_relink_hint": "",
   "refresh": "",
+  "refresh_page_after_linking_dropbox": "",
   "refresh_page_after_starting_free_trial": "",
   "refreshing": "",
   "remote_service_error": "",
@@ -277,6 +285,7 @@
   "terminated": "",
   "this_project_is_public": "",
   "this_project_is_public_read_only": "",
+  "this_project_will_appear_in_your_dropbox_folder_at": "",
   "timedout": "",
   "to_add_more_collaborators": "",
   "to_change_access_permissions": "",
@@ -293,6 +302,7 @@
   "unlimited_projects": "",
   "unlink_github_repository": "",
   "unlinking": "",
+  "update_dropbox_settings": "",
   "upgrade": "",
   "upgrade_for_longer_compiles": "",
   "upload": "",
@@ -306,6 +316,8 @@
   "view_warnings": "",
   "we_cant_find_any_sections_or_subsections_in_this_file": "",
   "word_count": "",
+  "work_offline": "",
+  "work_with_non_overleaf_users": "",
   "your_message": "",
   "your_project_has_errors": "",
   "zotero_is_premium": "",

services/web/locales/en.json

@@ -897,7 +897,13 @@
   "account_not_linked_to_dropbox": "Your account is not linked to Dropbox",
   "update_dropbox_settings": "Update Dropbox Settings",
   "refresh_page_after_starting_free_trial": "Please refresh this page after starting your free trial.",
+  "refresh_page_after_linking_dropbox": "Please refresh this page after linking your account to Dropbox.",
   "checking_dropbox_status": "checking Dropbox status",
+  "manage_files_from_your_dropbox_folder": "Manage files from your Dropbox folder",
+  "have_an_extra_backup": "Have an extra backup",
+  "work_with_non_overleaf_users": "Work with non Overleaf users",
+  "work_offline": "Work offline",
+  "easily_manage_your_project_files_everywhere": "Easily manage your project files, everywhere",
   "dismiss": "Dismiss",
   "deleted_files": "Deleted Files",
   "new_file": "New File",

services/web/package.json

@@ -35,7 +35,7 @@
     "lint:fix": "eslint --fix .",
     "extract-translations": "i18next-scanner",
     "migrations": "east",
-    "storybook": "start-storybook -p 6006"
+    "storybook": "start-storybook -p 6006 -s ./public"
   },
   "browserslist": [
     "last 1 year",