fix: reset files count after deletion, enable files filtering by column (#8911)

* Fixed items count not resetting after deletion

* Fixed transparent div not allowing filters to be used

* remove setting quantity after downlaod

src/frontend/src/customization/hooks/custom-handle-bulk-files-download.tsx

@@ -3,7 +3,7 @@ import { useGetDownloadFilesV2 } from "@/controllers/API/queries/file-management
 export const useCustomHandleBulkFilesDownload = () => {
   const { mutate: downloadFiles } = useGetDownloadFilesV2();
 
-  const handleBulkDownload = (
+  const handleBulkDownload = async (
     selectedFiles: any,
     setSuccessData: (data: { title: string }) => void,
     setErrorData: (data: { title: string; list: string[] }) => void,

src/frontend/src/pages/MainPage/pages/filesPage/index.tsx

@@ -114,6 +114,13 @@ export const FilesPage = () => {
 
   const { mutate: uploadFileDirect } = customPostUploadFileV2();
 
+  useEffect(() => {
+    if (files) {
+      setQuantitySelected(0);
+      setSelectedFiles([]);
+    }
+  }, [files]);
+
   const colDefs: ColDef[] = [
     {
       headerName: "Name",
@@ -267,6 +274,8 @@ export const FilesPage = () => {
       {
         onSuccess: (data) => {
           setSuccessData({ title: data.message });
+          setQuantitySelected(0);
+          setSelectedFiles([]);
         },
         onError: (error) => {
           setErrorData({
@@ -409,7 +418,14 @@ export const FilesPage = () => {
                         selectedFiles.length > 0 ? "opacity-100" : "opacity-0",
                       )}
                     >
-                      <div className="pointer-events-auto ml-12 flex h-full flex-1 items-center justify-between bg-background">
+                      <div
+                        className={cn(
+                          "ml-12 flex h-full flex-1 items-center justify-between bg-background",
+                          selectedFiles.length > 0
+                            ? "pointer-events-auto"
+                            : "pointer-events-none",
+                        )}
+                      >
                         <span className="text-xs text-muted-foreground">
                           {quantitySelected} selected
                         </span>