From a2435512c3a29533fc16f7a2375bfd4aac43057c Mon Sep 17 00:00:00 2001
From: Adam Soltys <adam@coinos.io>
Date: Fri, 17 Jan 2025 16:53:58 -0800
Subject: event page

---
 src/components/Media.svelte | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)
 create mode 100644 src/components/Media.svelte

(limited to 'src/components')

diff --git a/src/components/Media.svelte b/src/components/Media.svelte
new file mode 100644
index 00000000..d24dd12d
--- /dev/null
+++ b/src/components/Media.svelte
@@ -0,0 +1,25 @@
+<script lang="ts">
+  export const isImage = (url: string) =>
+    url?.match(/^.*\.(jpg|jpeg|png|webp|gif|avif|svg)/gi);
+  export const isVideo = (url: string) =>
+    url?.match(/^.*\.(mov|mkv|mp4|avi|m4v|webm)/gi);
+  export const isAudio = (url: string) => url?.match(/^.*\.(ogg|mp3|wav)/gi);
+
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  export let value: any;
+</script>
+
+{#if !!isImage(value.url)}
+  <img src={value.url} alt={""} />
+{:else if isVideo(value.url)}
+  <!-- svelte-ignore a11y-media-has-caption -->
+  <video src={value.url} controls />
+{:else if isAudio(value.url)}
+  <audio src={value.url} controls>
+    <a href={value.url}>{value.url.replace(/https?:\/\/(www\.)?/, "")}</a>
+  </audio>
+{:else}
+  <a href={value.url}>
+    {value.url.replace(/https?:\/\/(www\.)?/, "")}
+  </a>
+{/if}
-- 
cgit v1.2.3