Merge pull request 'fix(ui): reload machine list in sidebar after adding a machine' (#4815) from ui/invalidate-list-query-on-add into main

Reviewed-on: https://git.clan.lol/clan/clan-core/pulls/4815

pkgs/clan-app/ui/src/hooks/queries.ts

@@ -26,6 +26,11 @@ export type ClanListQueryResult = UseQueryResult<ClanDetailsWithURI>[];
 
 export const useMachinesQuery = (clanURI: string) => {
   const client = useApiClient();
+
+  if (!clanURI) {
+    throw new Error("useMachinesQuery: clanURI is undefined");
+  }
+
   return useQuery<ListMachines>(() => ({
     queryKey: ["clans", encodeBase64(clanURI), "machines"],
     queryFn: async () => {

pkgs/clan-app/ui/src/routes/Clan/Clan.tsx

@@ -110,6 +110,8 @@ const ClanSceneController = (props: RouteSectionProps) => {
   const clanURI = useClanURI();
   const navigate = useNavigate();
 
+  const machinesQuery = useMachinesQuery(clanURI);
+
   const [dialogHandlers, setDialogHandlers] = createSignal<{
     resolve: ({ id }: { id: string }) => void;
     reject: (err: unknown) => void;
@@ -141,6 +143,10 @@ const ClanSceneController = (props: RouteSectionProps) => {
       // Important: rejects the promise
       throw new Error(res.errors[0].message);
     }
+
+    // trigger a refetch of the machines query
+    machinesQuery.refetch();
+
     return { id: values.name };
   };