1 files changed, 12 insertions, 8 deletions
diff --git a/src/lib/Tools/ActivityHistory/Grid.svelte b/src/lib/Tools/ActivityHistory/Grid.svelte
index db9f3839..8789a786 100644
--- a/src/lib/Tools/ActivityHistory/Grid.svelte
+++ b/src/lib/Tools/ActivityHistory/Grid.svelte
@@ -12,12 +12,16 @@
   import tooltip from '$lib/Tooltip/tooltip';
   import LogInRestricted from '$lib/Error/LogInRestricted.svelte';
 
-  export let user: AniListAuthorisation;
-  export let activityData: ActivityHistoryEntry[] | null = null;
-  export let currentYear = new Date().getFullYear();
+  interface Props {
+    user: AniListAuthorisation;
+    activityData?: ActivityHistoryEntry[] | null;
+    currentYear?: any;
+  }
+
+  let { user, activityData = null, currentYear = new Date().getFullYear() }: Props = $props();
 
-  let activityHistoryData: ActivityHistoryEntry[];
-  let baseHue = Math.floor(Math.random() * 360);
+  let activityHistoryData: ActivityHistoryEntry[] = $state();
+  let baseHue = $state(Math.floor(Math.random() * 360));
 
   onMount(async () => {
     clearAllParameters();
@@ -45,8 +49,8 @@
       <div
         class="grid-item"
         style="background-color: {gradientColour(activity.amount, highestActivity, baseHue)}"
-        on:click={() => (baseHue = Math.floor(Math.random() * 360))}
-        on:keydown={() => {
+        onclick={() => (baseHue = Math.floor(Math.random() * 360))}
+        onkeydown={() => {
           return;
         }}
         role="button"
@@ -55,7 +59,7 @@
         title={`Date: ${new Date(activity.date * 1000).toLocaleDateString()}\nAmount: ${
           activity.amount
         }`}
-      />
+></div>
     {/each}
   </div>
 {/if}