From 936da1c9abdaffe98fe37ca486a415cc1253d48c Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Wed, 10 Jul 2024 23:52:44 +0600
Subject: [PATCH] web/debug: show page content only when debug mode is enabled

---
 .../settings/advanced/debug/+page.svelte      | 56 +++++++++++--------
 1 file changed, 34 insertions(+), 22 deletions(-)

diff --git a/web/src/routes/settings/advanced/debug/+page.svelte b/web/src/routes/settings/advanced/debug/+page.svelte
index 925d5fed..0192735c 100644
--- a/web/src/routes/settings/advanced/debug/+page.svelte
+++ b/web/src/routes/settings/advanced/debug/+page.svelte
@@ -1,39 +1,51 @@
 <script lang="ts">
     import { device, app } from "$lib/device";
     import { version } from "$lib/version";
+    import settings from "$lib/settings";
+
+    import { goto } from "$app/navigation";
+    import { defaultSettingsPage } from "$lib/settings/defaults";
+
+    $: {
+        if (!$settings.advanced.debug) {
+            goto(defaultSettingsPage(), { replaceState: true });
+        }
+    }
 </script>
 
-<div id="advanced-page">
-    device:
-    <div class="message-container subtext">
-        is.iPad: {device.is.iPad}
-        is.iPhone: {device.is.iPhone}
-        is.iOS: {device.is.iOS}
-        is.android: {device.is.android}
-        is.mobile: {device.is.mobile}
-        preferredLocale: {device.preferredLocale}
-    </div>
+{#if $settings.advanced.debug}
+    <div id="advanced-page">
+        device:
+        <div class="message-container subtext">
+            is.iPad: {device.is.iPad}
+            is.iPhone: {device.is.iPhone}
+            is.iOS: {device.is.iOS}
+            is.android: {device.is.android}
+            is.mobile: {device.is.mobile}
+            preferredLocale: {device.preferredLocale}
+        </div>
 
-    app:
-    <div class="message-container subtext">
-        is.installed: {app.is.installed}
-    </div>
+        app:
+        <div class="message-container subtext">
+            is.installed: {app.is.installed}
+        </div>
 
-    version:
-    <div class="message-container subtext">
-        version: {version.version}
-        commit: {version.commit.slice(0, 7)}
-        branch: {version.branch}
-        remote: {version.remote}
+        version:
+        <div class="message-container subtext">
+            version: {version.version}
+            commit: {version.commit.slice(0, 7)}
+            branch: {version.branch}
+            remote: {version.remote}
+        </div>
     </div>
-</div>
+{/if}
 
 <style>
     #advanced-page {
         display: flex;
         flex-direction: column;
         padding: var(--padding);
-        gap: var(--padding)
+        gap: var(--padding);
     }
 
     .message-container {