From b5a1d8fb9f4189316e97ba99c6bd6b1fb8c1e19c Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Mon, 14 Nov 2022 17:05:38 +0800
Subject: [PATCH] Call mutate after uploading an item completes

---
 .../web/components/templates/homeFeed/HomeFeedContainer.tsx  | 5 ++++-
 packages/web/lib/networking/mutations/uploadFileMutation.ts  | 1 -
 .../web/lib/networking/queries/useGetLibraryItemsQuery.tsx   | 2 ++
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx b/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx
index e40ff5f54..801aafd94 100644
--- a/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx
+++ b/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx
@@ -127,7 +127,7 @@ export function HomeFeedContainer(): JSX.Element {
     })
   )
 
-  const { itemsPages, size, setSize, isValidating, performActionOnItem } =
+  const { itemsPages, size, setSize, isValidating, performActionOnItem, mutate } =
     useGetLibraryItemsQuery(queryInputs)
 
   useEffect(() => {
@@ -560,6 +560,7 @@ export function HomeFeedContainer(): JSX.Element {
     <HomeFeedGrid
       items={libraryItems}
       actionHandler={handleCardAction}
+      reloadItems={mutate}
       searchTerm={queryInputs.searchQuery}
       gridContainerRef={gridContainerRef}
       applySearchQuery={(searchQuery: string) => {
@@ -613,6 +614,7 @@ export function HomeFeedContainer(): JSX.Element {
 type HomeFeedContentProps = {
   items: LibraryItem[]
   searchTerm?: string
+  reloadItems: () => void
   gridContainerRef: React.RefObject<HTMLDivElement>
   applySearchQuery: (searchQuery: string) => void
   hasMore: boolean
@@ -736,6 +738,7 @@ function HomeFeedGrid(props: HomeFeedContentProps): JSX.Element {
     }
 
     setUploadingFiles([])
+    props.reloadItems()
   }
 
   return (
diff --git a/packages/web/lib/networking/mutations/uploadFileMutation.ts b/packages/web/lib/networking/mutations/uploadFileMutation.ts
index 96436463e..17625fc9c 100644
--- a/packages/web/lib/networking/mutations/uploadFileMutation.ts
+++ b/packages/web/lib/networking/mutations/uploadFileMutation.ts
@@ -51,6 +51,5 @@ export async function uploadFileRequestMutation(
   if (error) {
     throw error
   }
-  console.log("RESPONSE DATA: ", data)
   return output?.uploadFileRequest
 }
diff --git a/packages/web/lib/networking/queries/useGetLibraryItemsQuery.tsx b/packages/web/lib/networking/queries/useGetLibraryItemsQuery.tsx
index b729bebc5..001842abe 100644
--- a/packages/web/lib/networking/queries/useGetLibraryItemsQuery.tsx
+++ b/packages/web/lib/networking/queries/useGetLibraryItemsQuery.tsx
@@ -27,6 +27,7 @@ type LibraryItemsQueryResponse = {
     size: number | ((_size: number) => number)
   ) => Promise<unknown[] | undefined>
   performActionOnItem: (action: LibraryItemAction, item: LibraryItem) => void
+  mutate: () => void
 }
 
 type LibraryItemAction =
@@ -352,5 +353,6 @@ export function useGetLibraryItemsQuery({
     performActionOnItem,
     size,
     setSize,
+    mutate
   }
 }