cleanup

src/dashboard/App.svelte

@@ -5,7 +5,7 @@
   import Dashboard from './pages/Dashboard.svelte'
   import Limits from './pages/Limits.svelte'
   import Footer from './components/Footer.svelte'
-  import Options from './components/Options.svelte'
+  import Options from './pages/Options.svelte'
 
   import { isDev } from '../shared/utils'
 

src/dashboard/components/DateInput.svelte

@@ -1,5 +1,4 @@
 <script>
-  import { onMount } from 'svelte'
   import dayjs from 'dayjs'
 
   const format = 'YYYY-MM-DD'
@@ -16,10 +15,10 @@
   $: output(internal)
 </script>
 
+<input class="form-input input-sm" type="date" bind:value={internal} {name} />
+
 <style>
   input {
     width: 7rem !important;
   }
 </style>
-
-<input class="form-input input-sm" type="date" bind:value={internal} {name} />

src/dashboard/components/Dev.svelte

@@ -3,7 +3,7 @@
   import day from 'dayjs'
   import { range, random } from 'lodash'
 
-  import { insertLog, normalizeTimestamp, DB, clear as clearDB } from '../../shared/db'
+  import { insertLog, normalizeTimestamp, clear as clearDB } from '../../shared/db'
 
   let loading = false
 

src/dashboard/components/FileUpload.svelte

@@ -1,6 +1,4 @@
 <script>
-  import { isEqual } from 'lodash'
-
   let text = 'Select File'
 
   export let value = undefined
@@ -30,6 +28,11 @@
   }
 </script>
 
+<label class="btn">
+  {#if error}Invalid file{:else}{text}{/if}
+  <input bind:this={input} on:change={validate} class="input" accept="application/json" type="file" />
+</label>
+
 <style>
   label {
     width: 18em;
@@ -40,8 +43,3 @@
     display: none;
   }
 </style>
-
-<label class="btn">
-  {#if error}Invalid file{:else}{text}{/if}
-  <input bind:this={input} on:change={validate} class="input" accept="application/json" type="file" />
-</label>

src/dashboard/components/RangeChooser.svelte

@@ -23,12 +23,6 @@
   onMount(() => set('day', 0)())
 </script>
 
-<style>
-  .spacer {
-    width: 0.5em;
-  }
-</style>
-
 <div class="flex items-center">
   <div class="btn-group">
     <button class="btn btn-sm" on:click={all}>All</button>
@@ -43,3 +37,9 @@
     <DateInput bind:date={end} />
   </div>
 </div>
+
+<style>
+  .spacer {
+    width: 0.5em;
+  }
+</style>

src/dashboard/components/Rules.svelte

@@ -21,7 +21,8 @@
         style={`width:${percentage}%;`}
         aria-valuenow={percentage}
         aria-valuemin="0"
-        aria-valuemax="100" />
+        aria-valuemax="100"
+      />
     </div>
   {/await}
 {/each}

src/dashboard/pages/Options.svelte

@@ -4,7 +4,7 @@
   import { saveAs } from 'file-saver'
   import dj from 'dayjs'
 
-  import FileUpload from './FileUpload.svelte'
+  import FileUpload from '../components/FileUpload.svelte'
 
   import { dump as dumpDB, load as loadDB, clear as clearDB, validate } from '../../shared/db'
   import { longPress } from '../../shared/lib'