progress

src/dashboard/components/RangeChooser.svelte

@@ -19,17 +19,23 @@
     end = new Date()
   }
 
+  const intervals = [
+    { label: 'Year', set: set('year', 1) },
+    { label: 'Month', set: set('month', 1) },
+    { label: 'Week', set: set('week', 1) },
+    { label: '3 Days', set: set('day', 3) },
+    { label: 'Today', set: set('day', 0) },
+  ]
+
   // Init
   onMount(() => set('day', 0)())
 </script>
 
 <div class="flex items-center">
   <div class="btn-group">
-    <button class="btn btn-sm" on:click={all}>All</button>
-    <button class="btn btn-sm" on:click={set('month', 1)}>Month</button>
-    <button class="btn btn-sm" on:click={set('week', 1)}>Week</button>
-    <button class="btn btn-sm" on:click={set('day', 3)}>3 Days</button>
-    <button class="btn btn-sm" on:click={set('day', 0)}>Today</button>
+    {#each intervals as interval (interval.label)}
+      <button class="btn btn-sm" on:click={interval.set}>{interval.label}</button>
+    {/each}
   </div>
   <div class="spacer" />
   <div class="input-group">