Merge pull request #572 from AI4Bharat/cl-647-disable-upload-button

Cl 647 disable upload button
AI4Bharat · Mar 13, 2024 · 5837acb · 5837acb
2 parents 3837fc2 + 7e73e18
commit 5837acb
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/src/common/UploadFileDialog.jsx b/src/common/UploadFileDialog.jsx
@@ -11,6 +11,7 @@ import { DropzoneArea } from "react-mui-dropzone";
 
 const UploadFileDialog = ({ openDialog, handleClose, title, handleSubmit }) => {
   const [uploadedFile, setUploadedFile] = useState();
+  const [disableMultiClick, setDisableMultiClick] = useState(false);
 
   return (
     <Dialog
@@ -50,10 +51,16 @@ const UploadFileDialog = ({ openDialog, handleClose, title, handleSubmit }) => {
 
         <Button
           variant="contained"
-          onClick={() => handleSubmit(uploadedFile)}
+          onClick={() => {
+            setDisableMultiClick(true);
+            setTimeout(() => {
+              setDisableMultiClick(false);
+            }, 5000);
+            handleSubmit(uploadedFile);
+          }}
           autoFocus
           sx={{ lineHeight: "1", borderRadius: "8px" }}
-          disabled={false}
+          disabled={disableMultiClick}
         >
           Upload
         </Button>