From 800f8cb32d5b7fb8c3620e182debcf82a6ca021d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tim=20H=C3=A5rek=20Andreassen?= <tim@harek.no>
Date: Fri, 12 Apr 2024 10:58:56 +0200
Subject: [PATCH] feat: Add open in podcast-app button
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Tim Hårek Andreassen <tim@harek.no>
---
 components/SeriesCard.tsx | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/components/SeriesCard.tsx b/components/SeriesCard.tsx
index 479c6ee..34e7bdf 100644
--- a/components/SeriesCard.tsx
+++ b/components/SeriesCard.tsx
@@ -10,10 +10,18 @@ export default function SeriesCard(props: { serie: SearchResult; origin: string
         <h3 className="text-xl font-semibold">{props.serie.title}</h3>
         <p className="text-md">{props.serie.description}</p>
         <img src={image.uri} width={image.width} alt="" />
-        <code className="font-mono bg-black text-white select-all p-2">{feedUrl.toString()}</code>
-        <CopyButton text={feedUrl.toString()}>
-          Kopier URL
-        </CopyButton>
+        <a
+          className="block w-max bg-blue-100 text-black p-2 border-black border"
+          href={`podcast:${feedUrl.toString()}`}
+        >
+          📻 Åpne i din podkast-app
+        </a>
+        <div className="">
+          <code className="font-mono bg-black text-white select-all p-2">{feedUrl.toString()}</code>
+          <CopyButton text={feedUrl.toString()}>
+            Kopier URL
+          </CopyButton>
+        </div>
       </div>
     </div>
   );