From e486f6ac21b011024fe47e71b9dcae91d9615baa Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <62335616+lucaseduoli@users.noreply.github.com>
Date: Mon, 7 Jul 2025 17:52:25 -0300
Subject: [PATCH] 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
---
 .../custom-handle-bulk-files-download.tsx      |  2 +-
 .../pages/MainPage/pages/filesPage/index.tsx   | 18 +++++++++++++++++-
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/customization/hooks/custom-handle-bulk-files-download.tsx b/src/frontend/src/customization/hooks/custom-handle-bulk-files-download.tsx
index 0103d719d..7fb4d465d 100644
--- a/src/frontend/src/customization/hooks/custom-handle-bulk-files-download.tsx
+++ b/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,
diff --git a/src/frontend/src/pages/MainPage/pages/filesPage/index.tsx b/src/frontend/src/pages/MainPage/pages/filesPage/index.tsx
index 71bd99221..60bfe98a8 100644
--- a/src/frontend/src/pages/MainPage/pages/filesPage/index.tsx
+++ b/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>