From b52e5905edbdb09814e8a6f36df31ba7061c45cf Mon Sep 17 00:00:00 2001
From: Dang Nguyen Nguyen <93059380+NwinNwin@users.noreply.github.com>
Date: Mon, 20 May 2024 17:30:12 -0700
Subject: [PATCH] fixed returned item in filter doesn't work

---
 packages/web/src/components/Filter/Filter.jsx | 23 +++++++---------
 packages/web/src/utils/Utils.js               | 26 ++++++++++---------
 2 files changed, 24 insertions(+), 25 deletions(-)

diff --git a/packages/web/src/components/Filter/Filter.jsx b/packages/web/src/components/Filter/Filter.jsx
index 59863d5..1bac612 100644
--- a/packages/web/src/components/Filter/Filter.jsx
+++ b/packages/web/src/components/Filter/Filter.jsx
@@ -40,30 +40,31 @@ export default function Filter({ findFilter, setFindFilter, onClose, isOpen }) {
     setFindFilter((prev) => ({
       ...prev,
       isFound: !prev.isFound,
-    }))
-  }, [])
+    }));
+  }, []);
 
   const handleIsShowReturned = useCallback(() => {
+    console.log("isShowReturned");
     setFindFilter((prev) => ({
       ...prev,
       isShowReturned: !prev.isShowReturned,
     }));
-  }, [])
+  }, []);
 
   const handleIsYourPosts = useCallback(() => {
     setFindFilter((prev) => ({
       ...prev,
       isYourPosts: !prev.isYourPosts,
     }));
-  }, [])
+  }, []);
 
   const handleUploadDate = useCallback((e) => {
     setFindFilter((prev) => ({
       ...prev,
       uploadDate: e.target.value,
     }));
-  })
-  
+  });
+
   const handleCancel = useCallback(() => {
     setFindFilter({
       type: "everything",
@@ -74,8 +75,8 @@ export default function Filter({ findFilter, setFindFilter, onClose, isOpen }) {
       isShowReturned: true,
     });
     onClose();
-  }, [])
-  
+  }, []);
+
   return (
     <>
       <Drawer isOpen={isOpen} placement="left" onClose={onClose}>
@@ -189,11 +190,7 @@ export default function Filter({ findFilter, setFindFilter, onClose, isOpen }) {
           </DrawerBody>
 
           <DrawerFooter>
-            <Button
-              variant="outline"
-              mr={3}
-              onClick={handleCancel}
-            >
+            <Button variant="outline" mr={3} onClick={handleCancel}>
               Cancel
             </Button>
             <Button colorScheme="blue" onClick={onClose}>
diff --git a/packages/web/src/utils/Utils.js b/packages/web/src/utils/Utils.js
index a5b0731..a92c509 100644
--- a/packages/web/src/utils/Utils.js
+++ b/packages/web/src/utils/Utils.js
@@ -1,13 +1,15 @@
-  // Define callback function to return filtered items (filtered according to search bar and filter markers)
-  const filterItem = (item, findFilter, user) => {
-      return (((findFilter.islost && item.islost) ||
-          (findFilter.isFound && !item.islost)) &&
-          (findFilter.type === "everything" || findFilter.type === item.type) &&
-          (findFilter.uploadDate === "" ||
-            (item.itemDate && item.itemDate.includes(findFilter.uploadDate))) &&
-          (!findFilter.isYourPosts || item.email === user.email) &&
-          (findFilter.isShowReturned || !item.isResolved)
-      );
-    };
+// Define callback function to return filtered items (filtered according to search bar and filter markers)
+const filterItem = (item, findFilter, user) => {
+  console.log(item);
+  return (
+    ((findFilter.islost && item.islost) ||
+      (findFilter.isFound && !item.islost)) &&
+    (findFilter.type === "everything" || findFilter.type === item.type) &&
+    (findFilter.uploadDate === "" ||
+      (item.itemDate && item.itemDate.includes(findFilter.uploadDate))) &&
+    (!findFilter.isYourPosts || item.email === user.email) &&
+    (findFilter.isShowReturned || !item.isresolved)
+  );
+};
 
-  export { filterItem };
\ No newline at end of file
+export { filterItem };