From 5a5a4779661e33543dde6b63822610a965d5c0f6 Mon Sep 17 00:00:00 2001
From: JackTheRooster <adrian@rydeas.com>
Date: Thu, 6 Mar 2025 17:36:37 -0600
Subject: [PATCH] now loads name config on page load

---
 ui/src/routes/devices.$id.settings.appearance.tsx |  7 +++++++
 ui/src/routes/devices.$id.tsx                     | 11 ++++++++++-
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/ui/src/routes/devices.$id.settings.appearance.tsx b/ui/src/routes/devices.$id.settings.appearance.tsx
index 01026e4..bea162f 100644
--- a/ui/src/routes/devices.$id.settings.appearance.tsx
+++ b/ui/src/routes/devices.$id.settings.appearance.tsx
@@ -18,6 +18,13 @@ export default function SettingsAppearanceRoute() {
   });
   const [send] = useJsonRpc();
 
+  send("getNameConfig", {}, resp => {
+    if ("error" in resp) return;
+    const results = resp.result as NameConfig;
+    setNameConfig(results);
+    document.title = results.name;
+  });
+
   const handleThemeChange = useCallback((value: string) => {
     const root = document.documentElement;
 
diff --git a/ui/src/routes/devices.$id.tsx b/ui/src/routes/devices.$id.tsx
index 5576d75..1c9723d 100644
--- a/ui/src/routes/devices.$id.tsx
+++ b/ui/src/routes/devices.$id.tsx
@@ -1,7 +1,7 @@
 import { useCallback, useEffect, useRef, useState } from "react";
 import { cx } from "@/cva.config";
 import {
-  HidState,
+  HidState, NameConfig,
   UpdateState,
   useDeviceStore,
   useHidStore,
@@ -378,6 +378,15 @@ export default function KvmIdRoute() {
     });
   }, [rpcDataChannel?.readyState, send, setHdmiState]);
 
+  useEffect(() => {
+    send("getNameConfig", {}, resp => {
+      if ("error" in resp) return;
+      const results = resp.result as NameConfig;
+      document.title = results.name;
+    });
+  }, [send]);
+
+
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-expect-error
   window.send = send;