2 files changed, 32 insertions, 28 deletions
diff --git a/src/lib/Events/Event.svelte b/src/lib/Events/Event.svelte
index a2b1d2b5..f0a4f9f7 100644
--- a/src/lib/Events/Event.svelte
+++ b/src/lib/Events/Event.svelte
@@ -7,39 +7,39 @@
   export let avatar = false;
 </script>
 
-<a href={event.anilist_url} target="_blank">
-  <div
-    class="card"
-    id="user-grid"
-    style={`background-image: ${event.banner ? `url(${event.banner})` : 'none'}; padding: 0;`}
-  >
-    {#if event}
+<div
+  class="card"
+  id="user-grid"
+  style={`background-image: ${event.banner ? `url(${event.banner})` : 'none'}; padding: 0;`}
+>
+  {#if event}
+    <a href={event.anilist_url} target="_blank">
       <img src={event.banner} alt="" id="cover-image" />
-    {/if}
+    </a>
+  {/if}
 
-    <div class="card" id="user-grid-content">
-      {#if avatar}
-        <div id="user-grid-avatar">
-          <a href={root(`/events/group/${event.group.anilist_username}`)}>
-            <img src={event.group.avatar} alt="" width="100vw" id="avatar" />
-          </a>
-        </div>
-      {/if}
+  <div class="card" id="user-grid-content">
+    {#if avatar}
+      <div id="user-grid-avatar">
+        <a href={root(`/events/group/${event.group.anilist_username}`)}>
+          <img src={event.group.avatar} alt="" width="100vw" id="avatar" />
+        </a>
+      </div>
+    {/if}
 
-      <div id="user-grid-content-text">
-        <p>
-          <a href={event.anilist_url} target="_blank" class="title-text">
-            {event.title}
-          </a>
-          <br />
-          {$locale().dateFormatter(new Date(event.created_at))}
-        </p>
+    <div id="user-grid-content-text">
+      <p>
+        <a href={event.anilist_url} target="_blank" class="title-text">
+          {event.title}
+        </a>
+        <br />
+        {$locale().dateFormatter(new Date(event.created_at))}
+      </p>
 
-        <p>{event.description}</p>
-      </div>
+      <p>{event.description}</p>
     </div>
   </div>
-</a>
+</div>
 
 <style>
   #user-grid-content {
diff --git a/src/lib/Events/Group.svelte b/src/lib/Events/Group.svelte
index a3d24807..e88d9b2a 100644
--- a/src/lib/Events/Group.svelte
+++ b/src/lib/Events/Group.svelte
@@ -2,7 +2,11 @@
   import type { Group } from '$lib/Database/SB/groups';
   import tooltip from '$lib/Tooltip/tooltip';
 
-  export let group: Group;
+  interface Props {
+    group: Group;
+  }
+
+  let { group }: Props = $props();
 </script>
 
 <div