From 15cba6d56a6b8f978ebf9ea8654a4ee41fc0fb04 Mon Sep 17 00:00:00 2001
From: Rishi Ghan <rishi.ghan@gmail.com>
Date: Wed, 15 Nov 2023 15:42:25 -0600
Subject: [PATCH] =?UTF-8?q?=E2=86=AA=EF=B8=8F=20Added=20cache=20invalidati?=
 =?UTF-8?q?on=20to=20job=20statistics=20query?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/client/components/Import/Import.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/client/components/Import/Import.tsx b/src/client/components/Import/Import.tsx
index be44e10..de96c86 100644
--- a/src/client/components/Import/Import.tsx
+++ b/src/client/components/Import/Import.tsx
@@ -3,7 +3,7 @@ import "react-loader-spinner/dist/loader/css/react-spinner-loader.css";
 import { format } from "date-fns";
 import Loader from "react-loader-spinner";
 import { isEmpty, isNil, isUndefined } from "lodash";
-import { useQuery, useMutation } from "@tanstack/react-query";
+import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
 import { useStore } from "../../store";
 import { useShallow } from "zustand/react/shallow";
 import axios from "axios";
@@ -26,6 +26,7 @@ interface IProps {
  */
 
 export const Import = (props: IProps): ReactElement => {
+  const queryClient = useQueryClient();
   const { importJobQueue, socketIOInstance } = useStore(
     useShallow((state) => ({
       importJobQueue: state.importJobQueue,
@@ -69,6 +70,7 @@ export const Import = (props: IProps): ReactElement => {
   socketIOInstance.on("LS_IMPORT_QUEUE_DRAINED", (data) => {
     localStorage.removeItem("sessionId");
     importJobQueue.setStatus("drained");
+    queryClient.invalidateQueries({ queryKey: ["allImportJobResults"] });
   });
   const toggleQueue = (queueAction: string, queueStatus: string) => {
     socketIOInstance.emit(