From 28d97ced68c0e0575b578c35e9966726e1067f39 Mon Sep 17 00:00:00 2001
From: cupcakearmy <hi@nicco.io>
Date: Tue, 23 Nov 2021 14:49:38 +0100
Subject: [PATCH] disable nav in options

---
 manifest.json            |  2 +-
 src/dashboard/App.svelte | 19 ++++++++++---------
 2 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/manifest.json b/manifest.json
index 4bd42fa..54f9d26 100644
--- a/manifest.json
+++ b/manifest.json
@@ -25,7 +25,7 @@
     "scripts": ["./src/background/index.js"]
   },
   "options_ui": {
-    "page": "./src/dashboard/index.html#/options"
+    "page": "./src/dashboard/index.html#/options?nav=false"
   },
   "content_scripts": [
     {
diff --git a/src/dashboard/App.svelte b/src/dashboard/App.svelte
index 698988b..0bc5c27 100644
--- a/src/dashboard/App.svelte
+++ b/src/dashboard/App.svelte
@@ -1,5 +1,5 @@
 <script>
-  import Router, { link } from 'svelte-spa-router'
+  import Router, { link, querystring } from 'svelte-spa-router'
 
   import Toasts from './components/Toasts.svelte'
   import Dev from './components/Dev.svelte'
@@ -15,20 +15,21 @@
     '/options': Options,
     '/limits': Limits,
   }
+
+  $: nav = new URLSearchParams($querystring).get('nav') !== 'false'
 </script>
 
 {#if isDev}
   <Dev />
 {/if}
 <main>
-  <div class="mb-8">
-    <!-- svelte-ignore a11y-missing-attribute -->
-    <a use:link={'/'}><button class="btn">Dashboard</button></a>
-    <!-- svelte-ignore a11y-missing-attribute -->
-    <a use:link={'/limits'}><button class="btn">Limits</button></a>
-    <!-- svelte-ignore a11y-missing-attribute -->
-    <a use:link={'/options'}><button class="btn">Options</button></a>
-  </div>
+  {#if nav}
+    <div class="mb-8">
+      <a use:link href="/"><button class="btn">Dashboard</button></a>
+      <a use:link href="/limits"><button class="btn">Limits</button></a>
+      <a use:link href="/options"><button class="btn">Options</button></a>
+    </div>
+  {/if}
 
   <Router {routes} />
   <Toasts />