Do not allow big files to be uploaded in the form of the expense.

podkrepi-bg · Sep 5, 2023 · 18daf90 · 18daf90
1 parent 94750d4
commit 18daf90
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 2 deletions.
diff --git a/public/locales/bg/expenses.json b/public/locales/bg/expenses.json
@@ -62,7 +62,8 @@
       "success": "Разходите са изтрити успешно!"
     },
     "delete": "Изтрит разход",
-    "no-files-uploaded": "Няма прикачени файлове!"
+    "no-files-uploaded": "Няма прикачени файлове!",
+    "file-too-big": "Файлът е твърде голям"
   },
   "btns": {
     "add": "Добави",

diff --git a/public/locales/en/expenses.json b/public/locales/en/expenses.json
@@ -59,7 +59,8 @@
       "success": "Expenses were deleted successfully!!"
     },
     "delete": "Deleted expense",
-    "no-files-uploaded": "No files uploaded"
+    "no-files-uploaded": "No files uploaded",
+    "file-too-big": "File too big"
   },
   "btns": {
     "add": "Add",

diff --git a/src/components/client/campaign-expenses/Form.tsx b/src/components/client/campaign-expenses/Form.tsx
@@ -234,6 +234,23 @@ export default function Form() {
             <FileUpload
               buttonLabel={t('expenses:add-documents')}
               onUpload={(newFiles) => {
+                newFiles = newFiles.filter((file) => {
+                  const maxFileSize = 20 * 1000000
+                  if (file.size > maxFileSize) {
+                    const alert =
+                      t('expenses:alerts.file-too-big') +
+                      ': ' +
+                      Math.ceil(file.size / 1000000) +
+                      'M' +
+                      '(max:' +
+                      maxFileSize / 1000000 +
+                      'M)!'
+                    AlertStore.show(alert, 'error')
+                    return false
+                  }
+                  return true
+                })
+
                 setFilesToUpload((prevFiles) => [...prevFiles, ...newFiles])
               }}
             />