Selection removal preventions

packages/files-ui/src/Components/Modules/FileBrowsers/views/FilesTable.view.tsx

@@ -537,7 +537,9 @@ const FilesTableView = () => {
       })
   }, [deleteFiles, selectedCids])
 
-  const handleRecoverFiles = useCallback(() => {
+  const handleRecoverFiles = useCallback((e: React.MouseEvent) => {
+    e.preventDefault()
+    e.stopPropagation()
     if (!recoverFiles) return
 
     setIsRecoveringFiles(true)
@@ -589,6 +591,18 @@ const FilesTableView = () => {
     viewFolder && viewFolder(cid)
   }, [viewFolder])
 
+  const handleOpenMoveFileDialog = useCallback((e: React.MouseEvent) => {
+    e.preventDefault()
+    e.stopPropagation()
+    setIsMoveFileModalOpen(true)
+  }, [])
+
+  const handleOpenDeleteDialog = useCallback((e: React.MouseEvent) => {
+    e.preventDefault()
+    e.stopPropagation()
+    setIsDeleteModalOpen(true)
+  }, [])
+
   return (
     <article
       className={clsx(classes.root, {
@@ -731,7 +745,7 @@ const FilesTableView = () => {
           <>
             {validBulkOps.indexOf("move") >= 0 && (
               <Button
-                onClick={() => setIsMoveFileModalOpen(true)}
+                onClick={handleOpenMoveFileDialog}
                 variant="outline"
               >
                 <Trans>Move selected</Trans>
@@ -748,9 +762,7 @@ const FilesTableView = () => {
             )}
             {validBulkOps.indexOf("delete") >= 0 && (
               <Button
-                onClick={() => {
-                  setIsDeleteModalOpen(true)
-                }}
+                onClick={handleOpenDeleteDialog}
                 variant="outline"
               >
                 <Trans>Delete selected</Trans>