From 7e73e181baac67fa4551d2e605ea51683b62e518 Mon Sep 17 00:00:00 2001
From: Chetan-Gudagamanal <chetanbg95@gmail.com>
Date: Wed, 13 Mar 2024 15:40:57 +0530
Subject: [PATCH] cl-647-disable-upload-csv-button-multiclick

---
 src/common/UploadFileDialog.jsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/common/UploadFileDialog.jsx b/src/common/UploadFileDialog.jsx
index 51b5c26a..0d9320e3 100644
--- 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>