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

feat(ui): use keyed show to re-render Machine route when route changes

Browse Source
This commit is contained in:
Brian McGee
2025-07-25 11:08:04 +01:00
parent ae20230a57
commit 2c3b0f3771
1 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
pkgs/clan-app/ui/src/routes/Machine/Machine.tsx
View File

@@ -1,6 +1,7 @@
import { RouteSectionProps, useNavigate } from "@solidjs/router"; import { RouteSectionProps, useNavigate } from "@solidjs/router";
import { SidebarPane } from "@/src/components/Sidebar/SidebarPane"; import { SidebarPane } from "@/src/components/Sidebar/SidebarPane";
import { navigateToClan, useClanURI, useMachineName } from "@/src/hooks/clan"; import { navigateToClan, useClanURI, useMachineName } from "@/src/hooks/clan";
import { Show } from "solid-js";
export const Machine = (props: RouteSectionProps) => { export const Machine = (props: RouteSectionProps) => {
const navigate = useNavigate(); const navigate = useNavigate();
@@ -11,9 +12,13 @@ export const Machine = (props: RouteSectionProps) => {
navigateToClan(navigate, clanURI); navigateToClan(navigate, clanURI);
}; };
const machineName = useMachineName();
return ( return (
<SidebarPane title={useMachineName()} onClose={onClose}> <Show when={useMachineName()} keyed>
<h1>Hello world</h1> <SidebarPane title={useMachineName()} onClose={onClose}>
</SidebarPane> <h1>Hello world</h1>
</SidebarPane>
</Show>
); );
}; };