From 84c8018ff96d5b9faf9a5abea78f75f48cb2ff16 Mon Sep 17 00:00:00 2001
From: JackTheRooster <adrian@rydeas.com>
Date: Mon, 24 Feb 2025 23:06:23 -0600
Subject: [PATCH] added device name setting device name appears on browser tab

---
 ui/src/components/sidebar/settings.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/ui/src/components/sidebar/settings.tsx b/ui/src/components/sidebar/settings.tsx
index b17a9f4..a7f7b79 100644
--- a/ui/src/components/sidebar/settings.tsx
+++ b/ui/src/components/sidebar/settings.tsx
@@ -185,6 +185,7 @@ export default function SettingsSidebar() {
         return;
       }
       setDeviceName(deviceName);
+      document.title = deviceName;
     });
   };
 
@@ -356,8 +357,9 @@ export default function SettingsSidebar() {
 
     send("getDeviceName", {}, resp => {
       if ("error" in resp) return;
-      const result = resp.result as { deviceName: string };
-      setDeviceName(result.deviceName);
+      const deviceName = resp.result as string;
+      setDeviceName(deviceName);
+      document.title = deviceName;
     });
 
     send("getDevModeState", {}, resp => {
@@ -857,7 +859,7 @@ export default function SettingsSidebar() {
         <SettingsItem title="Device Name" description="Set your device name">
           <InputFieldWithLabel
             required
-            label="Device Name"
+            label=""
             placeholder="Enter Device Name"
             defaultValue={settings.deviceName}
             onChange={e => handleDeviceNameChange(e.target.value)}