✨ feat: show upload & download in progress alert

localazy · Oct 10, 2023 · a478bfa · a478bfa
1 parent 266c567
commit a478bfa
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 0 deletions.
diff --git a/admin/src/modules/localazy-download/locale/en.js b/admin/src/modules/localazy-download/locale/en.js
@@ -20,4 +20,6 @@ export default {
   ui_languages: "Select languages to download",
   ui_languages_info: "Select translations of which languages wil be downloaded from Localazy",
   ui_languages_placeholder: "Download all languages",
+  download_in_progress: "Download in progress...",
+  to_see_to_progress: "To see the progress information, do not leave this page.",
 };
diff --git a/admin/src/modules/localazy-upload/locale/en.js b/admin/src/modules/localazy-upload/locale/en.js
@@ -15,4 +15,6 @@ export default {
   upload_success: "Content successfully imported to the Localazy project.",
   upload_failed:
     "Upload partially failed, please check the report for details...",
+  upload_in_progress: "Upload in progress...",
+  to_see_to_progress: "To see the progress information, do not leave this page.",
 };
diff --git a/admin/src/pages/Download/index.js b/admin/src/pages/Download/index.js
@@ -230,6 +230,16 @@ function Download(props) {
               </Alert>
             </Box>
           )}
+          {isDownloading && (
+            <Box marginTop={4} marginBottom={4}>
+              <Alert
+                title={t("download.download_in_progress")}
+                variant="warning"
+              >
+                {t("download.to_see_to_progress")}
+              </Alert>
+            </Box>
+          )}
           {localesIncompatible && (
             <Box marginTop={4} marginBottom={4}>
               <Alert

diff --git a/admin/src/pages/Upload/index.js b/admin/src/pages/Upload/index.js
@@ -192,6 +192,16 @@ function Upload(props) {
               </Alert>
             </Box>
           )}
+          {isUploading && (
+            <Box marginTop={4} marginBottom={4}>
+              <Alert
+                title={t("upload.upload_in_progress")}
+                variant="warning"
+              >
+                {t("upload.to_see_to_progress")}
+              </Alert>
+            </Box>
+          )}
           {localesIncompatible && (
             <Box marginTop={4} marginBottom={4}>
               <Alert