vinvoor: invalidate queries when changing settings

vinvoor/src/hooks/useSeasons.ts

@@ -14,7 +14,7 @@ export const useSeasons = () => {
 };
 
 export const useSetSeason = () => {
-  const { mutate, ...rest } = usePatchSettings();
+  const { mutate, ...other } = usePatchSettings();
 
   const setSeason = (
     id: number,
@@ -26,5 +26,5 @@ export const useSetSeason = () => {
     >,
   ) => mutate({ season: id }, options);
 
-  return { setSeason, ...rest };
+  return { setSeason, ...other };
 };

vinvoor/src/hooks/useSettings.ts

@@ -1,4 +1,4 @@
-import { useMutation, useQuery } from "@tanstack/react-query";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { getApi, patchApi } from "../util/fetch";
 import { converSettingsJSON, Settings, SettingsJSON } from "../types/settings";
 
@@ -11,8 +11,15 @@ export const useSettings = () =>
     retry: 1,
   });
 
-export const usePatchSettings = () =>
-  useMutation({
+export const usePatchSettings = () => {
+  const queryClient = useQueryClient();
+
+  return useMutation({
     mutationFn: (args: Record<string, string | number | boolean>) =>
       patchApi(ENDPOINT, args),
+    onSuccess: () =>
+      queryClient.invalidateQueries({
+        predicate: query => query.queryKey[0] !== "settings",
+      }),
   });
+};

vinvoor/src/settings/Settings.tsx

@@ -89,7 +89,10 @@ export const Settings = () => {
       <Grid item xs={6}>
         <Paper elevation={4} sx={{ p: "10px" }}>
           <Stack direction="row" display="flex" alignItems="center">
-            <Tooltip title="Season to display data for" placement="right">
+            <Tooltip
+              title="Season for which to display data for"
+              placement="right"
+            >
               <HelpCircleOutline
                 sx={{
                   fontSize: "15px",