sparate handle done and handle cancel..

Author: MedAmine1212

src/frontend/components/FileList.tsx

@@ -16,6 +16,7 @@ export default memo(function FileList() {
         upload: { proceedUpload, uploadStatus, totalProgress },
         props: { mini, dark, classNames },
         handleDone,
+        handleCancel,
     } = useRootContext()
 
     return (
@@ -28,7 +29,7 @@ export default memo(function FileList() {
                 },
             )}
         >
-            <MainBoxHeader handleCancel={handleDone} />
+            <MainBoxHeader handleCancel={handleCancel} />
 
             <MyAnimatePresence>
                 <motion.div

src/frontend/context/RootContext.ts

@@ -71,6 +71,7 @@ export interface IRootContext {
 
     handleFileRemove: (fileId: string) => void
     handleDone: () => void
+    handleCancel: () => void
 
     oneDriveConfigs?: OneDriveConfigs
     googleDriveConfigs?: GoogleDriveConfigs

src/frontend/hooks/useRootProvider.ts

@@ -304,14 +304,16 @@ export default function useRootProvider({
             return
         }
     }
-
     const handleDone = useCallback(() => {
         onDoneClicked()
+        handleCancel()
+    }, [])
+
+    const handleCancel = useCallback(() => {
         setUploadStatus(UploadStatus.PENDING)
         setSelectedFilesMap(new Map())
         setFilesProgressMap({})
     }, [])
-
     useEffect(() => {
         if (!toastContainerId && (!errorHandler || !warningHandler))
             setToastContainerId(uuid())
@@ -328,6 +330,7 @@ export default function useRootProvider({
         dynamicUpload,
         dynamicallyReplaceFiles,
         handleDone,
+        handleCancel,
         handleFileRemove,
         oneDriveConfigs: driveConfigs?.oneDrive,
         googleDriveConfigs: driveConfigs?.googleDrive,