From ef72cf5dc39b5a57079fd296bbe2e90d286bba3b Mon Sep 17 00:00:00 2001
From: Guillaume Chau <guillaume.b.chau@gmail.com>
Date: Sun, 4 Feb 2024 23:06:16 +0100
Subject: [PATCH] feat: reorganize component settings

---
 .../components/ComponentsInspector.vue        | 18 ++++++++
 .../src/features/plugin/Plugins.vue           |  2 +-
 .../src/features/settings/GlobalSettings.vue  | 44 +++++++++----------
 3 files changed, 41 insertions(+), 23 deletions(-)

diff --git a/packages/app-frontend/src/features/components/ComponentsInspector.vue b/packages/app-frontend/src/features/components/ComponentsInspector.vue
index 8b72340e8..68b63e46f 100644
--- a/packages/app-frontend/src/features/components/ComponentsInspector.vue
+++ b/packages/app-frontend/src/features/components/ComponentsInspector.vue
@@ -173,6 +173,24 @@ export default defineComponent({
                 </VueGroup>
               </div>
 
+              <div class="space-y-1 px-3 py-2 text-sm">
+                <VueSwitch v-model="$shared.performanceMonitoringEnabled">
+                  Performance monitoring
+                </VueSwitch>
+                <div class="flex items-center space-x-1 text-xs opacity-50">
+                  <span>Turn off if your app is slowed down</span>
+                </div>
+              </div>
+
+              <div class="space-y-1 px-3 py-2 text-sm">
+                <VueSwitch v-model="$shared.trackUpdates">
+                  Update tracking
+                </VueSwitch>
+                <div class="flex items-center space-x-1 text-xs opacity-50">
+                  <span>Turn off if your app is slowed down</span>
+                </div>
+              </div>
+
               <div class="space-y-1 px-3 py-2 text-sm">
                 <VueSwitch v-model="$shared.editableProps">
                   Editable props
diff --git a/packages/app-frontend/src/features/plugin/Plugins.vue b/packages/app-frontend/src/features/plugin/Plugins.vue
index 82b19e06b..b1dc9c80e 100644
--- a/packages/app-frontend/src/features/plugin/Plugins.vue
+++ b/packages/app-frontend/src/features/plugin/Plugins.vue
@@ -64,7 +64,7 @@ export default defineComponent({
               icon-right="arrow_forward"
               class="flat"
             >
-              Global settings
+              Settings
             </VueButton>
           </div>
           <div class="overflow-y-auto">
diff --git a/packages/app-frontend/src/features/settings/GlobalSettings.vue b/packages/app-frontend/src/features/settings/GlobalSettings.vue
index 205de5c3d..5441a03cc 100644
--- a/packages/app-frontend/src/features/settings/GlobalSettings.vue
+++ b/packages/app-frontend/src/features/settings/GlobalSettings.vue
@@ -92,28 +92,6 @@ const hideEvents = useLocalStorage('split-pane-collapsed-right-timeline-right',
         </template>
       </VueFormField>
 
-      <VueFormField
-        title="Performance monitoring"
-      >
-        <VueSwitch v-model="$shared.performanceMonitoringEnabled">
-          Enable
-        </VueSwitch>
-        <template #subtitle>
-          Turn off if your app is slowed down
-        </template>
-      </VueFormField>
-
-      <VueFormField
-        title="Update tracking"
-      >
-        <VueSwitch v-model="$shared.trackUpdates">
-          Enable
-        </VueSwitch>
-        <template #subtitle>
-          Turn off if your app is slowed down
-        </template>
-      </VueFormField>
-
       <VueFormField
         title="Debugging info"
       >
@@ -145,6 +123,28 @@ const hideEvents = useLocalStorage('split-pane-collapsed-right-timeline-right',
         </VueGroup>
       </VueFormField>
 
+      <VueFormField
+        title="Performance monitoring"
+      >
+        <VueSwitch v-model="$shared.performanceMonitoringEnabled">
+          Enable
+        </VueSwitch>
+        <template #subtitle>
+          Turn off if your app is slowed down
+        </template>
+      </VueFormField>
+
+      <VueFormField
+        title="Update tracking"
+      >
+        <VueSwitch v-model="$shared.trackUpdates">
+          Enable
+        </VueSwitch>
+        <template #subtitle>
+          Turn off if your app is slowed down
+        </template>
+      </VueFormField>
+
       <VueFormField
         title="Editable props"
       >