fixed the duration

src/dashboard/components/RangeChooser.svelte

@@ -32,9 +32,10 @@
 <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')}>Month</button>
-    <button class="btn btn-sm" on:click={set('week')}>Week</button>
-    <button class="btn btn-sm" on:click={set('day')}>Day</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>
   </div>
   <div class="spacer" />
   <div class="input-group">

src/dashboard/components/Rules.svelte

@@ -1,28 +1,12 @@
 <script>
   import dj from 'dayjs'
-  import { sum } from 'lodash'
 
-  import { Logs } from '../../shared/db.js'
-  import { getLogsBetweenDates } from '../lib.js'
+  import { getUsageForRules } from '../lib.js'
 
   export let host = ''
   export let rules = []
 
-  $: percentages = rules.map(async ({ every }) => {
-    const durationAsSeconds = dj.duration(...every).asSeconds()
-    const start = dj().subtract(durationAsSeconds, 's').toDate()
-    console.log(start)
-    const logs = await getLogsBetweenDates({
-      start,
-      end: new Date(),
-      host,
-    })
-    console.log(logs)
-
-    const consumed = sum(logs.map((log) => log.seconds))
-    return (consumed / durationAsSeconds) * 100
-    console.log(total, dj.duration(total, 's').humanize())
-  })
+  $: percentages = getUsageForRules(host, rules)
 </script>
 
 {#each rules as rule, i}