Merge pull request #342 from kleros/feat/restrict-upload-sizes-and-notify

feat: restrict file sizes and notify

Author: jaybuidl

src/components/evidence-form.js

@@ -81,9 +81,9 @@ const EvidenceForm = ({
   }
 
   const beforeFileUpload = useCallback(file => {
-    const isLt10M = file.size / 1024 / 1024 < 15
-    if (!isLt10M) message.error('File must smaller than 15MB.')
-    return isLt10M
+    const isLt4M = file.size / 1024 / 1024 < 4
+    if (!isLt4M) message.error('File must be smaller than 4MB.')
+    return isLt4M
   }, [])
 
   return (

src/components/input-selector.tsx

@@ -91,7 +91,7 @@ const InputSelector: React.FC<InputSelectorProps> = p => {
       }
 
       if (file.size / 1024 / 1024 > (p.maxFileSizeMb || 2)) {
-        message.error(`Image must smaller than ${p.maxFileSizeMb || 2}MB.`)
+        message.error(`Image must be smaller than ${p.maxFileSizeMb || 2}MB.`)
         return false
       }
 
@@ -112,8 +112,8 @@ const InputSelector: React.FC<InputSelectorProps> = p => {
         return false
       }
 
-      if (file.size / 1024 / 1024 > (p.maxFileSizeMb || 10)) {
-        message.error(`File must smaller than ${p.maxFileSizeMb || 10}MB.`)
+      if (file.size / 1024 / 1024 > (p.maxFileSizeMb || 4)) {
+        message.error(`File must be smaller than ${p.maxFileSizeMb || 4}MB.`)
         return false
       }
 

src/pages/factory-classic/rel-tcr-params.js

@@ -126,10 +126,10 @@ const RelTCRParams = ({
     const isPDF = file.type === 'application/pdf'
     if (!isPDF) message.error('Please upload file as PDF.')
 
-    const isLt10M = file.size / 1024 / 1024 < 10
-    if (!isLt10M) message.error('File must smaller than 10MB.')
+    const isLt4M = file.size / 1024 / 1024 < 4
+    if (!isLt4M) message.error('File must be smaller than 4MB.')
 
-    return isPDF && isLt10M
+    return isPDF && isLt4M
   }, [])
 
   const onChangeDepositVal = useCallback(

src/pages/factory-classic/tcr-params.js

@@ -135,7 +135,7 @@ const TCRParams = ({
     if (!isSupportedImage) message.error('Please use PNG, jpeg, webp or SVG.')
 
     const isLt2M = file.size / 1024 / 1024 < 2
-    if (!isLt2M) message.error('Image must smaller than 2MB.')
+    if (!isLt2M) message.error('Image must be smaller than 2MB.')
 
     return isSupportedImage && isLt2M
   }, [])
@@ -144,10 +144,10 @@ const TCRParams = ({
     const isPDF = file.type === 'application/pdf'
     if (!isPDF) message.error('Please upload file as PDF.')
 
-    const isLt10M = file.size / 1024 / 1024 < 10
-    if (!isLt10M) message.error('File must smaller than 10MB.')
+    const isLt4M = file.size / 1024 / 1024 < 4
+    if (!isLt4M) message.error('File must be smaller than 4MB.')
 
-    return isPDF && isLt10M
+    return isPDF && isLt4M
   }, [])
 
   const customRequest = useCallback(

src/pages/factory/rel-tcr-params.js

@@ -126,10 +126,10 @@ const RelTCRParams = ({
     const isPDF = file.type === 'application/pdf'
     if (!isPDF) message.error('Please upload file as PDF.')
 
-    const isLt10M = file.size / 1024 / 1024 < 10
-    if (!isLt10M) message.error('File must smaller than 10MB.')
+    const isLt4M = file.size / 1024 / 1024 < 4
+    if (!isLt4M) message.error('File must be smaller than 4MB.')
 
-    return isPDF && isLt10M
+    return isPDF && isLt4M
   }, [])
 
   const onChangeDepositVal = useCallback(

src/pages/factory/tcr-params.js

@@ -192,7 +192,7 @@ const TCRParams = ({
     if (!isSupportedImage) message.error('Please use PNG, webp, jpeg or SVG.')
 
     const isLt2M = file.size / 1024 / 1024 < 2
-    if (!isLt2M) message.error('Image must smaller than 2MB.')
+    if (!isLt2M) message.error('Image must be smaller than 2MB.')
 
     return isSupportedImage && isLt2M
   }, [])
@@ -201,10 +201,10 @@ const TCRParams = ({
     const isPDF = file.type === 'application/pdf'
     if (!isPDF) message.error('Please upload file as PDF.')
 
-    const isLt10M = file.size / 1024 / 1024 < 10
-    if (!isLt10M) message.error('File must smaller than 10MB.')
+    const isLt4M = file.size / 1024 / 1024 < 4
+    if (!isLt4M) message.error('File must be smaller than 4MB.')
 
-    return isPDF && isLt10M
+    return isPDF && isLt4M
   }, [])
 
   const customRequest = useCallback(