From 58a05f7b94a55c342ff792ba52e50b90aa2bbf8c Mon Sep 17 00:00:00 2001
From: Adam Shiervani <adam.shiervani@gmail.com>
Date: Fri, 21 Feb 2025 10:32:39 +0100
Subject: [PATCH] feat(ui): Only show Cloud API URL Change on device mode

---
 ui/src/components/sidebar/settings.tsx | 52 +++++++++++++-------------
 1 file changed, 27 insertions(+), 25 deletions(-)

diff --git a/ui/src/components/sidebar/settings.tsx b/ui/src/components/sidebar/settings.tsx
index 2ce897d..340fe80 100644
--- a/ui/src/components/sidebar/settings.tsx
+++ b/ui/src/components/sidebar/settings.tsx
@@ -994,35 +994,37 @@ export default function SettingsSidebar() {
                     />
                   </div>
                 </div>
-                <div className="mt-4 space-y-4">
-                  <SettingsItem
-                    title="Cloud API URL"
-                    description="Connect to a custom JetKVM Cloud API"
-                  />
-
-                  <InputFieldWithLabel
-                    size="SM"
-                    label="Cloud URL"
-                    value={cloudUrl}
-                    onChange={e => setCloudUrl(e.target.value)}
-                    placeholder="https://api.jetkvm.com"
-                  />
-
-                  <div className="flex items-center gap-x-2">
-                    <Button
-                      size="SM"
-                      theme="primary"
-                      text="Save Cloud URL"
-                      onClick={() => handleCloudUrlChange(cloudUrl)}
+                {isOnDevice && (
+                  <div className="mt-4 space-y-4">
+                    <SettingsItem
+                      title="Cloud API URL"
+                      description="Connect to a custom JetKVM Cloud API"
                     />
-                    <Button
+
+                    <InputFieldWithLabel
                       size="SM"
-                      theme="light"
-                      text="Restore to default"
-                      onClick={handleResetCloudUrl}
+                      label="Cloud URL"
+                      value={cloudUrl}
+                      onChange={e => setCloudUrl(e.target.value)}
+                      placeholder="https://api.jetkvm.com"
                     />
+
+                    <div className="flex items-center gap-x-2">
+                      <Button
+                        size="SM"
+                        theme="primary"
+                        text="Save Cloud URL"
+                        onClick={() => handleCloudUrlChange(cloudUrl)}
+                      />
+                      <Button
+                        size="SM"
+                        theme="light"
+                        text="Restore to default"
+                        onClick={handleResetCloudUrl}
+                      />
+                    </div>
                   </div>
-                </div>
+                )}
               </div>
             )}
             <SettingsItem