add filtering of middle fetched inbox items

daostack · Dec 4, 2023 · 37d5093 · 37d5093
1 parent 3a90d46
commit 37d5093
Showing 1 changed file with 12 additions and 3 deletions.
diff --git a/src/shared/hooks/useCases/useInboxItems.ts b/src/shared/hooks/useCases/useInboxItems.ts
@@ -226,8 +226,11 @@ export const useInboxItems = (
   useEffect(() => {
     (async () => {
       try {
-        const { firstDocTimestamp: startAt, lastDocTimestamp: endAt } =
-          inboxItems;
+        const {
+          data,
+          firstDocTimestamp: startAt,
+          lastDocTimestamp: endAt,
+        } = inboxItems;
 
         if (!userId || !startAt || !endAt) {
           return;
@@ -243,8 +246,14 @@ export const useInboxItems = (
           return;
         }
 
+        const filteredInboxItems = data
+          ? fetchedInboxItems.filter((fetchedItem) =>
+              data.every((item) => item.itemId !== fetchedItem.itemId),
+            )
+          : fetchedInboxItems;
+
         addNewInboxItems(
-          fetchedInboxItems.map((item) => ({
+          filteredInboxItems.map((item) => ({
             item,
             statuses: {
               isAdded: false,