From b757fd4e51c5b250f1446d7f985411bdfc44b02a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rapha=C3=ABl=20Odini?= <raphodn@users.noreply.github.com>
Date: Mon, 11 Nov 2024 16:18:41 +0100
Subject: [PATCH] refactor(Settings): Move some settings to a new 'Developer
 mode' section (#1030)

---
 src/i18n/locales/en.json |  1 +
 src/views/Settings.vue   | 54 +++++++++++++++++++++++-----------------
 2 files changed, 32 insertions(+), 23 deletions(-)

diff --git a/src/i18n/locales/en.json b/src/i18n/locales/en.json
index 9f0a9657835..a7e64af1d39 100644
--- a/src/i18n/locales/en.json
+++ b/src/i18n/locales/en.json
@@ -186,6 +186,7 @@
 		"DateMissing": "Date missing",
 		"Details": "Details",
 		"Delete": "Delete",
+		"DeveloperMode": "Developer mode",
 		"Discount": "Discount",
 		"Example": "Example",
 		"Examples": "Examples",
diff --git a/src/views/Settings.vue b/src/views/Settings.vue
index e3981148cba..9ef9a8d68de 100644
--- a/src/views/Settings.vue
+++ b/src/views/Settings.vue
@@ -59,8 +59,38 @@
               <v-icon size="small" icon="mdi-open-in-new" />
             </a>
           </p>
+        </v-card-text>
+      </v-card>
+    </v-col>
+
+    <!-- Prices -->
+    <v-col cols="12" sm="6">
+      <v-card :title="$t('Common.Prices')" prepend-icon="mdi-tag-multiple-outline">
+        <v-divider />
+        <v-card-text>
+          <h3 class="mb-1">
+            {{ $t('UserSettings.FavoriteCurrencies') }}
+          </h3>
+          <v-autocomplete
+            v-model="appStore.user.favorite_currencies"
+            :label="$t('UserSettings.CurrencyLabel')"
+            :items="currencyList"
+            :rules="[v => !!(v && v.length) || $t('UserSettings.CurrencyRequired')]"
+            chips
+            closable-chips
+            multiple
+            hide-details="auto"
+          />
+        </v-card-text>
+      </v-card>
+    </v-col>
+
+    <v-col cols="12" sm="6">
+      <v-card :title="$t('Common.DeveloperMode')" prepend-icon="mdi-test-tube">
+        <v-divider />
+        <v-card-text>
           <!-- Side menu -->
-          <h3 class="mt-4 mb-1">
+          <h3 class="mb-1">
             {{ $t('Common.SideMenu') }}
           </h3>
           <v-switch
@@ -109,28 +139,6 @@
         </v-card-text>
       </v-card>
     </v-col>
-
-    <!-- Prices -->
-    <v-col cols="12" sm="6">
-      <v-card :title="$t('Common.Prices')" prepend-icon="mdi-tag-multiple-outline">
-        <v-divider />
-        <v-card-text>
-          <h3 class="mb-1">
-            {{ $t('UserSettings.FavoriteCurrencies') }}
-          </h3>
-          <v-autocomplete
-            v-model="appStore.user.favorite_currencies"
-            :label="$t('UserSettings.CurrencyLabel')"
-            :items="currencyList"
-            :rules="[v => !!(v && v.length) || $t('UserSettings.CurrencyRequired')]"
-            chips
-            closable-chips
-            multiple
-            hide-details="auto"
-          />
-        </v-card-text>
-      </v-card>
-    </v-col>
   </v-row>
 </template>