refactor(Settings): Move some settings to a new 'Developer mode' sect…

…ion (#1030)
openfoodfacts · Nov 11, 2024 · b757fd4 · b757fd4
1 parent a0dc39b
commit b757fd4
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 23 deletions.
diff --git 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
@@ -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>