yadunut/clan-core
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

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

Browse Source 
Reviewed-on: https://git.clan.lol/clan/clan-core/pulls/4815
This commit is contained in:
brianmcgee
2025-08-19 16:41:31 +00:00
parent 26b31e24a3 088abe396e
commit 7399f59652
2 changed files with 11 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
pkgs/clan-app/ui/src/hooks/queries.ts
View File

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

6
pkgs/clan-app/ui/src/routes/Clan/Clan.tsx
View File

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