show event link

Dsek-LTH · Jan 29, 2025 · 38b670d · 38b670d
1 parent 2e06fe3
commit 38b670d
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 0 deletions.
diff --git a/src/routes/(app)/events/Event.svelte b/src/routes/(app)/events/Event.svelte
@@ -14,6 +14,7 @@
     | "imageUrl"
     | "isCancelled"
     | "location"
+    | "link"
   > &
     Partial<Pick<Event, "removedAt">>;
 </script>
@@ -56,6 +57,21 @@
     </div>
   </section>
 {/if}
+{#if event.link}
+  <section class="my-2">
+    <div class="flex items-center gap-2 text-primary">
+      <span class="i-mdi-link text-lg"></span>
+      <a
+        href={event.link}
+        class="text-base leading-none hover:underline"
+        target="_blank"
+        rel="noopener noreferrer"
+      >
+        {m.events_link()}
+      </a>
+    </div>
+  </section>
+{/if}
 
 <slot name="buttons" />
 

diff --git a/src/routes/(app)/events/SmallEventCard.svelte b/src/routes/(app)/events/SmallEventCard.svelte
@@ -89,6 +89,21 @@
           </div>
         </section>
       {/if}
+      {#if event.link}
+        <section class="my-2">
+          <div class="flex items-center gap-2">
+            <span class="i-mdi-link text-lg"></span>
+            <a
+              href={event.link}
+              class="text-base leading-none hover:underline"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              {m.events_link()}
+            </a>
+          </div>
+        </section>
+      {/if}
     </section>
 
     <InterestedGoingButtons