From 2c3b0f3771b52382b28f228b93faef7c03a22dfa Mon Sep 17 00:00:00 2001
From: Brian McGee <brian@bmcgee.ie>
Date: Fri, 25 Jul 2025 11:08:04 +0100
Subject: [PATCH] feat(ui): use keyed show to re-render Machine route when
 route changes

---
 pkgs/clan-app/ui/src/routes/Machine/Machine.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/pkgs/clan-app/ui/src/routes/Machine/Machine.tsx b/pkgs/clan-app/ui/src/routes/Machine/Machine.tsx
index f9bea2cca..f8ca1fba4 100644
--- a/pkgs/clan-app/ui/src/routes/Machine/Machine.tsx
+++ b/pkgs/clan-app/ui/src/routes/Machine/Machine.tsx
@@ -1,6 +1,7 @@
 import { RouteSectionProps, useNavigate } from "@solidjs/router";
 import { SidebarPane } from "@/src/components/Sidebar/SidebarPane";
 import { navigateToClan, useClanURI, useMachineName } from "@/src/hooks/clan";
+import { Show } from "solid-js";
 
 export const Machine = (props: RouteSectionProps) => {
   const navigate = useNavigate();
@@ -11,9 +12,13 @@ export const Machine = (props: RouteSectionProps) => {
     navigateToClan(navigate, clanURI);
   };
 
+  const machineName = useMachineName();
+
   return (
-    <SidebarPane title={useMachineName()} onClose={onClose}>
-      <h1>Hello world</h1>
-    </SidebarPane>
+    <Show when={useMachineName()} keyed>
+      <SidebarPane title={useMachineName()} onClose={onClose}>
+        <h1>Hello world</h1>
+      </SidebarPane>
+    </Show>
   );
 };