From e2a4a7d04ca67d765097f32dcab079531ef5f958 Mon Sep 17 00:00:00 2001
From: Smokashi23 <sakshimokashi640@gmail.com>
Date: Tue, 26 Nov 2024 16:47:48 +0530
Subject: [PATCH] - Added fize size limit note - Allowed upload csv file type

---
 src/modules/dashboard/dashboard.scss |  7 ++++++
 src/modules/shared/UploadBucket.tsx  | 33 ++++++++++++++++++----------
 src/modules/shared/constants.ts      |  4 ++--
 3 files changed, 30 insertions(+), 14 deletions(-)

diff --git a/src/modules/dashboard/dashboard.scss b/src/modules/dashboard/dashboard.scss
index 9edc9cc..e906b5d 100644
--- a/src/modules/dashboard/dashboard.scss
+++ b/src/modules/dashboard/dashboard.scss
@@ -71,3 +71,10 @@
 .container {
   margin-top: 24px; 
 }
+
+.upload-button {
+  margin-top: 24px; 
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+}
\ No newline at end of file
diff --git a/src/modules/shared/UploadBucket.tsx b/src/modules/shared/UploadBucket.tsx
index e95a606..21df623 100644
--- a/src/modules/shared/UploadBucket.tsx
+++ b/src/modules/shared/UploadBucket.tsx
@@ -58,26 +58,35 @@ export const UploadBucket = ({
           const files = e.target.files; 
           if (files && files.length > 0) { 
             onChangeFile(files); 
+            e.target.value = '';
           }
         }}
       />
-      <label htmlFor='id'>
-        <Button
-          variant='contained'
-          component='span'
-          isLoading={isLoading}
-          startIcon={<FileUploadIcon />}
-        >
-          Upload
-        </Button>
-      </label>
-      {errorMessage && ( 
-        <Typography color="error" sx={{ mt: 1 }}>
+      
+      <Box className="upload-button"
+      >
+        <label htmlFor='id'>
+          <Button
+            variant='contained'
+            component='span'
+            isLoading={isLoading}
+            startIcon={<FileUploadIcon />}
+          >
+            Upload
+          </Button>
+        </label>
+        <Typography variant='caption' color='textSecondary' sx={{ mt: 0.5 }}>
+          Maximum upload file size: 50MB
+        </Typography>
+      </Box>
+      {errorMessage && (
+        <Typography color='error' sx={{ mt: 1 }}>
           {errorMessage}
         </Typography>
       )}
       {file?.map((item, index) => (
         <Box
+          key={index}
           sx={{
             display: 'flex',
             justifyContent: 'space-between',
diff --git a/src/modules/shared/constants.ts b/src/modules/shared/constants.ts
index 9257618..2f9e1cc 100644
--- a/src/modules/shared/constants.ts
+++ b/src/modules/shared/constants.ts
@@ -1,5 +1,5 @@
 export const ALLOWED_TYPES = ['image/png', 'image/jpeg', 'image/jpg', 'application/pdf','video/mp4', 'vedio/webm', 'vedio/ogg', 'application/vnd.ms-excel',
-'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'];
+'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', 'text/csv' ,'application/csv' ];
 
-export const MAX_FILE_SIZE = 5 * 1024 * 1024;
+export const MAX_FILE_SIZE = 50 * 1024 * 1024;