From 219d044e1ab973a61d7f1ae0befc64118c1438a8 Mon Sep 17 00:00:00 2001
From: Rohini-Microsoft <v-rwalunj@microsoft.com>
Date: Wed, 9 Jul 2025 20:44:00 +0530
Subject: [PATCH] added logic on upload file dialogue close list of file should
 not visible

---
 .../components/uploadButton/uploadButton.tsx    | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/App/frontend-app/src/components/uploadButton/uploadButton.tsx b/App/frontend-app/src/components/uploadButton/uploadButton.tsx
index e46ca62c..6f82f397 100644
--- a/App/frontend-app/src/components/uploadButton/uploadButton.tsx
+++ b/App/frontend-app/src/components/uploadButton/uploadButton.tsx
@@ -93,9 +93,22 @@ const UploadDocumentsDialog = () => {
     noKeyboard: true,
   });
 
+  // Add this function to handle dialog close
+  const handleDialogClose = () => {
+    setIsOpen(false);
+    setUploadingFiles([]); // Clear the uploaded files
+    setIsUploading(false); // Reset uploading state
+  };
+
   return (<>
     {isUploadBtnVisible == true ?
-      <Dialog open={isOpen} onOpenChange={(event, data) => setIsOpen(data.open)}>
+      <Dialog open={isOpen} onOpenChange={(event, data) => {
+        if (!data.open) {
+          handleDialogClose();
+        } else {
+          setIsOpen(data.open);
+        }
+      }}>
         <DialogTrigger>
           <Button icon={<ArrowUpload24Regular />} onClick={() => setIsOpen(true)}>
             Upload documents
@@ -108,7 +121,7 @@ const UploadDocumentsDialog = () => {
               <Button
                 icon={<DismissRegular />}
                 appearance="subtle"
-                onClick={() => setIsOpen(false)}
+                onClick={handleDialogClose}
                 style={{ position: "absolute", right: 20, top: 20 }}
               />
             </DialogTitle>