From 4a849475aa3e52d6c9c59cc11dd650da871c2837 Mon Sep 17 00:00:00 2001
From: JackTheRooster <adrian@rydeas.com>
Date: Tue, 25 Feb 2025 21:38:19 -0600
Subject: [PATCH] moved usb settings to hardware setting

---
 ui/src/components/sidebar/settings.tsx | 72 +++++++++++++-------------
 1 file changed, 35 insertions(+), 37 deletions(-)

diff --git a/ui/src/components/sidebar/settings.tsx b/ui/src/components/sidebar/settings.tsx
index 54ae80f..2200527 100644
--- a/ui/src/components/sidebar/settings.tsx
+++ b/ui/src/components/sidebar/settings.tsx
@@ -1021,6 +1021,41 @@ export default function SettingsSidebar() {
         <p className="text-xs text-slate-600 dark:text-slate-400">
           The display will wake up when the connection state changes, or when touched.
         </p>
+        <SettingsItem
+          title="Set USB Device Emulation"
+          description="Select a Preconfigured USB Device"
+        >
+          <SelectMenuBasic
+            size="SM"
+            label=""
+            fullWidth
+            value={usbConfigProduct}
+            onChange={e => {
+              if (e.target.value === "custom") {
+                setUsbConfigProduct(e.target.value);
+              } else {
+                handleUsbConfigChange(e.target.value as string);
+              }
+            }}
+            options={[...usbConfigs, { value: "custom", label: "Custom" }]}
+          />
+        </SettingsItem>
+        {usbConfigProduct === "custom" && (
+          <SettingsItem
+            title="USB Config"
+            description="Set Custom USB Descriptors"
+          >
+            <Button
+              size="SM"
+              theme="light"
+              text="Update USB Config"
+              onClick={() => {
+                setUsbConfigModalView("updateUsbConfig")
+                setIsUsbConfigDialogOpen(true);
+              }}
+            />
+          </SettingsItem>
+        )}
         <div className="h-[1px] w-full bg-slate-800/10 dark:bg-slate-300/20" />
         <div className="pb-2 space-y-4">
           <SectionHeader
@@ -1072,43 +1107,6 @@ export default function SettingsSidebar() {
                 }}
               />
             </SettingsItem>
-            {settings.developerMode && (
-              <SettingsItem
-                title="Set USB Device Emulation"
-                description="Select a Preconfigured USB Device"
-              >
-                <SelectMenuBasic
-                  size="SM"
-                  label=""
-                  fullWidth
-                  value={usbConfigProduct}
-                  onChange={e => {
-                    if (e.target.value === "custom") {
-                      setUsbConfigProduct(e.target.value);
-                    } else {
-                      handleUsbConfigChange(e.target.value as string);
-                    }
-                  }}
-                  options={[...usbConfigs, { value: "custom", label: "Custom" }]}
-                />
-              </SettingsItem>
-            )}
-            {usbConfigProduct === "custom" && (
-              <SettingsItem
-                title="USB Config"
-                description="Set Custom USB Descriptors"
-              >
-                <Button
-                  size="SM"
-                  theme="light"
-                  text="Update USB Config"
-                  onClick={() => {
-                    setUsbConfigModalView("updateUsbConfig")
-                    setIsUsbConfigDialogOpen(true);
-                  }}
-                />
-              </SettingsItem>
-            )}
             {settings.debugMode && (
               <>
                 <SettingsItem