LumeWeb
/
portal-dashboard
1
0
Fork 0
Code Issues 5 Pull Requests Packages Projects Releases Wiki Activity

fix: every time in progress query is fetched, we check the results for atleast one complete query and this invalidates the query results for the files data provider on the list query

This commit is contained in:
Juan Di Toro 2024-03-25 09:12:31 +01:00
parent 1cb7afda8f
commit ab425c6f2c
2 changed files with 25 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
app/hooks/usePinning.ts
View File

@ -1,4 +1,4 @@
import { useInvalidate, useNotification } from "@refinedev/core"; import { useNotification } from "@refinedev/core";
import { useMutation, useQueryClient } from "@tanstack/react-query"; import { useMutation, useQueryClient } from "@tanstack/react-query";
import { useCallback, useContext } from "react"; import { useCallback, useContext } from "react";
import { PinningProcess } from "~/data/pinning"; import { PinningProcess } from "~/data/pinning";
@ -8,7 +8,6 @@ export const usePinning = () => {
const queryClient = useQueryClient(); const queryClient = useQueryClient();
const context = useContext(PinningContext); const context = useContext(PinningContext);
const { open } = useNotification(); const { open } = useNotification();
const invalidate = useInvalidate();
const { status: pinStatus, data: pinData, mutate: pinMutation } = useMutation({ const { status: pinStatus, data: pinData, mutate: pinMutation } = useMutation({
mutationKey: ["pin-mutation"], mutationKey: ["pin-mutation"],
@ -25,7 +24,6 @@ export const usePinning = () => {
} }
queryClient.invalidateQueries({ queryKey: ["pin-progress", "file"] }); queryClient.invalidateQueries({ queryKey: ["pin-progress", "file"] });
invalidate({ resource: "files", invalidates: ["list"] });
}, },
}); });
@ -43,7 +41,6 @@ export const usePinning = () => {
}); });
} }
queryClient.invalidateQueries({ queryKey: ["pin-progress"] }); queryClient.invalidateQueries({ queryKey: ["pin-progress"] });
invalidate({ resource: "files", invalidates: ["list"] });
}, },
}); });

33
app/providers/PinningProvider.tsx
View File

@ -1,10 +1,11 @@
import { useInvalidate } from "@refinedev/core";
import { import {
type QueryClient, type QueryClient,
type UseQueryResult, type UseQueryResult,
useQuery, useQuery,
useQueryClient, useQueryClient,
} from "@tanstack/react-query"; } from "@tanstack/react-query";
import { createContext, useContext } from "react"; import { createContext, useContext, useEffect } from "react";
import { PinningProcess, type PinningStatus } from "~/data/pinning"; import { PinningProcess, type PinningStatus } from "~/data/pinning";
export interface IPinningData { export interface IPinningData {
@ -26,11 +27,10 @@ export interface IPinningContextType {
export const PinningContext = createContext<IPinningContextType>( export const PinningContext = createContext<IPinningContextType>(
{} as IPinningContextType, {} as IPinningContextType,
); );
export const PinningProvider = ({ children }: React.PropsWithChildren) => {
export const usePinningContext = () => useContext(PinningContext); const invalidate = useInvalidate();
const queryClient = useQueryClient();
const usePinProgressQuery = () => const queryResult = useQuery({
useQuery({
queryKey: ["pin-progress"], queryKey: ["pin-progress"],
refetchInterval: (query) => { refetchInterval: (query) => {
if (!query.state.data || !query.state.data.items.length) { if (!query.state.data || !query.state.data.items.length) {
@ -51,9 +51,24 @@ const usePinProgressQuery = () =>
}, },
}); });
export const PinningProvider = ({ children }: React.PropsWithChildren) => { useEffect(() => {
const queryClient = useQueryClient(); if (
const queryResult = usePinProgressQuery(); queryResult.isSuccess &&
queryResult.fetchStatus === "idle" &&
queryResult.isFetched
) {
const hasCompletedItems = queryResult.data.items.some(item => item.status === 'completed');
if (hasCompletedItems) {
invalidate({ resource: "files", invalidates: ["list"] });
}
}
}, [
queryResult.fetchStatus,
queryResult.isSuccess,
queryResult.isFetched,
invalidate,
queryResult.data,
]);
return ( return (
<PinningContext.Provider value={{ query: queryResult, queryClient }}> <PinningContext.Provider value={{ query: queryResult, queryClient }}>