From 42b918e33ecde1921be16706e85587491fff0bd2 Mon Sep 17 00:00:00 2001
From: iamnamananand996 <iamnamananand996@gmail.com>
Date: Sun, 2 Feb 2025 18:31:06 +0530
Subject: [PATCH] =?UTF-8?q?fix(ui):=20=F0=9F=90=9B=20file/folder=20table?=
 =?UTF-8?q?=20list=20checkbox=20behave=20wired=20while=20checking/unchecki?=
 =?UTF-8?q?ng?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/common/FileTable/FileTableRow.tsx  | 15 ++++++---------
 1 file changed, 6 insertions(+), 9 deletions(-)

diff --git a/frontend/src/components/common/FileTable/FileTableRow.tsx b/frontend/src/components/common/FileTable/FileTableRow.tsx
index 2ae80471..c32dc837 100644
--- a/frontend/src/components/common/FileTable/FileTableRow.tsx
+++ b/frontend/src/components/common/FileTable/FileTableRow.tsx
@@ -103,11 +103,10 @@ export const FileTableRow = ({
     [onRestoreFile, file.headCid, stopEventPropagation],
   );
   const handleToggleSelectFile = useMemo(
-    () =>
-      stopEventPropagation<React.MouseEvent<HTMLInputElement>>(() =>
-        toggleSelectFile(file.headCid),
-      ),
-    [toggleSelectFile, file.headCid, stopEventPropagation],
+    () => (headCid: string) => {
+      toggleSelectFile(headCid);
+    },
+    [],
   );
 
   const toggleExpand = useCallback(() => setIsRowExpanded((prev) => !prev), []);
@@ -129,7 +128,7 @@ export const FileTableRow = ({
               type='checkbox'
               readOnly={true}
               checked={selectedFiles.some((cid) => cid === file.headCid)}
-              onClick={handleToggleSelectFile}
+              onChange={() => handleToggleSelectFile(file.headCid)}
               className='mr-3 rounded border-gray-300 text-blue-600 focus:ring-blue-500'
             />
             {file.type === 'folder' && file.children && (
@@ -278,9 +277,7 @@ export const FileTableRow = ({
             <TableBodyCell className='w-[50%]'>
               <div className='flex items-center'>
                 <input
-                  onClick={stopEventPropagation(() =>
-                    toggleSelectFile(child.cid),
-                  )}
+                  onChange={() => toggleSelectFile(child.cid)}
                   readOnly={true}
                   checked={selectedFiles.some((f) => f === child.cid)}
                   type='checkbox'