From 4d9463194cf74d940e8de3866b8e4b70cccc2dd8 Mon Sep 17 00:00:00 2001
From: Ben Allfree <ben@benallfree.com>
Date: Wed, 18 Oct 2023 00:39:19 -0700
Subject: [PATCH] chore: type fixes on dashboard

---
 .../app/instances/[instanceId]/UsageChart.svelte | 16 ++++++++--------
 .../dashboard/UsageChartForAllInstances.svelte   | 16 ++++++++--------
 2 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/packages/dashboard/src/routes/app/instances/[instanceId]/UsageChart.svelte b/packages/dashboard/src/routes/app/instances/[instanceId]/UsageChart.svelte
index 1e18a92b..4cb0bb9a 100644
--- a/packages/dashboard/src/routes/app/instances/[instanceId]/UsageChart.svelte
+++ b/packages/dashboard/src/routes/app/instances/[instanceId]/UsageChart.svelte
@@ -1,20 +1,20 @@
 <script lang="ts">
+  import { format, subMonths } from 'date-fns'
   import { Line } from 'svelte-chartjs'
-  import { subMonths, format } from 'date-fns'
   import { instance } from './store'
 
+  import Card from '$components/cards/Card.svelte'
+  import CardHeader from '$components/cards/CardHeader.svelte'
   import {
+    CategoryScale,
     Chart as ChartJS,
-    Title,
-    Tooltip,
     Legend,
     LineElement,
     LinearScale,
     PointElement,
-    CategoryScale,
+    Title,
+    Tooltip,
   } from 'chart.js'
-  import Card from '$components/cards/Card.svelte'
-  import CardHeader from '$components/cards/CardHeader.svelte'
 
   ChartJS.register(
     Title,
@@ -41,7 +41,7 @@
   }
 
   // Set the default data object for the chart
-  let data = {}
+  let data: any = {}
 
   // This will watch for changes in the `secondsThisMonth` variable and update the chart data
   $: {
@@ -73,7 +73,7 @@
     }
   }
 
-  let options = {
+  const options: any = {
     responsive: true,
     maintainAspectRatio: false,
     scales: {
diff --git a/packages/dashboard/src/routes/dashboard/UsageChartForAllInstances.svelte b/packages/dashboard/src/routes/dashboard/UsageChartForAllInstances.svelte
index c418e3ef..2a23c3e7 100644
--- a/packages/dashboard/src/routes/dashboard/UsageChartForAllInstances.svelte
+++ b/packages/dashboard/src/routes/dashboard/UsageChartForAllInstances.svelte
@@ -1,17 +1,17 @@
 <script lang="ts">
-  import { Line } from 'svelte-chartjs'
-  import { subMonths, format } from 'date-fns'
   import { globalInstancesStore } from '$util/stores'
+  import { format, subMonths } from 'date-fns'
+  import { Line } from 'svelte-chartjs'
 
   import {
+    CategoryScale,
     Chart as ChartJS,
-    Title,
-    Tooltip,
     Legend,
     LineElement,
     LinearScale,
     PointElement,
-    CategoryScale,
+    Title,
+    Tooltip,
   } from 'chart.js'
 
   ChartJS.register(
@@ -109,7 +109,7 @@
   )
 
   // Add up the individual instance usages and the total usage
-  const allChartData = [
+  const allChartData: any = [
     ...individualInstanceUsageData,
     {
       label: 'All Instances',
@@ -142,12 +142,12 @@
   ]
 
   // Set the default data object for the chart
-  let data = {
+  const data: any = {
     labels: getLastSixMonths(),
     datasets: allChartData,
   }
 
-  let options = {
+  const options: any = {
     responsive: true,
     maintainAspectRatio: false,
     scales: {