diff --git a/web/src/screens/filters/details.tsx b/web/src/screens/filters/details.tsx index b765898..1adc522 100644 --- a/web/src/screens/filters/details.tsx +++ b/web/src/screens/filters/details.tsx @@ -135,7 +135,7 @@ export default function FilterDetails() { const { filterId } = useParams<{ filterId: string }>(); const { isLoading, data: filter } = useQuery( - ["filter", +filterId], + ["filters", filterId], () => APIClient.filters.getByID(parseInt(filterId)), { retry: false, @@ -151,7 +151,8 @@ export default function FilterDetails() { toast.custom((t) => ( )); - queryClient.invalidateQueries(["filter", currentFilter.id]); + queryClient.refetchQueries(["filters"]); + // queryClient.invalidateQueries(["filters", currentFilter.id]); } } ); @@ -163,7 +164,7 @@ export default function FilterDetails() { )); // Invalidate filters just in case, most likely not necessary but can't hurt. - queryClient.invalidateQueries("filters"); + queryClient.invalidateQueries(["filters"]); // redirect history.push("/filters") @@ -334,7 +335,7 @@ export default function FilterDetails() { function General() { const { isLoading, data: indexers } = useQuery( - ["filter", "indexer_list"], + ["filters", "indexer_list"], APIClient.indexers.getOptions, { refetchOnWindowFocus: false } ); @@ -612,7 +613,7 @@ interface FilterActionsProps { function FilterActions({ filter, values }: FilterActionsProps) { const { data } = useQuery( - ["filter", "download_clients"], + ["filters", "download_clients"], APIClient.download_clients.getAll, { refetchOnWindowFocus: false } ); diff --git a/web/src/screens/filters/list.tsx b/web/src/screens/filters/list.tsx index 07c0ab2..3c9f260 100644 --- a/web/src/screens/filters/list.tsx +++ b/web/src/screens/filters/list.tsx @@ -23,7 +23,7 @@ export default function Filters() { const [createFilterIsOpen, toggleCreateFilter] = useToggle(false) const { isLoading, error, data } = useQuery( - "filters", + ["filters"], APIClient.filters.getAll, { refetchOnWindowFocus: false } ); @@ -117,8 +117,8 @@ const FilterItemDropdown = ({ (id: number) => APIClient.filters.delete(id), { onSuccess: () => { - queryClient.invalidateQueries("filters"); - queryClient.invalidateQueries(["filter", filter.id]); + queryClient.invalidateQueries(["filters"]); + queryClient.invalidateQueries(["filters", filter.id]); toast.custom((t) => ); } @@ -129,7 +129,7 @@ const FilterItemDropdown = ({ (id: number) => APIClient.filters.duplicate(id), { onSuccess: () => { - queryClient.invalidateQueries("filters"); + queryClient.invalidateQueries(["filters"]); toast.custom((t) => ); } @@ -274,8 +274,8 @@ function FilterListItem({ filter, idx }: FilterListItemProps) { // We need to invalidate both keys here. // The filters key is used on the /filters page, // while the ["filter", filter.id] key is used on the details page. - queryClient.invalidateQueries("filters"); - queryClient.invalidateQueries(["filter", filter?.id]); + queryClient.invalidateQueries(["filters"]); + queryClient.invalidateQueries(["filters", filter?.id]); } } ); diff --git a/web/src/screens/releases/ReleaseTable.tsx b/web/src/screens/releases/ReleaseTable.tsx index 1fd4d8b..a40b9cf 100644 --- a/web/src/screens/releases/ReleaseTable.tsx +++ b/web/src/screens/releases/ReleaseTable.tsx @@ -87,7 +87,7 @@ export const ReleaseTable = () => { () => APIClient.release.findQuery(queryPageIndex * queryPageSize, queryPageSize, queryFilters), { keepPreviousData: true, - staleTime: Infinity, + staleTime: 5000, } );