diff --git a/components/SeriesCard.tsx b/components/SeriesCard.tsx index 516459e..44e64d7 100644 --- a/components/SeriesCard.tsx +++ b/components/SeriesCard.tsx @@ -1,6 +1,7 @@ import CopyButton from "../islands/CopyButton.tsx"; import { SearchResult } from "../lib/nrk/nrk.ts"; import { ButtonLink } from "./Button.tsx"; +import IconPodcast from "https://deno.land/x/tabler_icons_tsx@0.0.5/tsx/brand-apple-podcast.tsx"; export default function SeriesCard(props: { serie: SearchResult; origin: string }) { const feedUrl = new URL(`/api/feeds/${props.serie.seriesId}`, props.origin); @@ -11,11 +12,11 @@ export default function SeriesCard(props: { serie: SearchResult; origin: string

{props.serie.title}

{props.serie.description}

- - 📻 Åpne i din podkast-app + + Åpne i din podkast-app
- + Kopier URL
diff --git a/islands/CopyButton.tsx b/islands/CopyButton.tsx
index 8ad976c..8fb2e1e 100644
--- a/islands/CopyButton.tsx
+++ b/islands/CopyButton.tsx
@@ -2,6 +2,9 @@ import { ComponentChildren, JSX } from "preact";
 import { useState } from "preact/hooks";
 import { IS_BROWSER } from "$fresh/runtime.ts";
 import { Button } from "../components/Button.tsx";
+import IconCopy from "https://deno.land/x/tabler_icons_tsx@0.0.5/tsx/copy.tsx";
+// BUG: We have to use the GitHub URL until they resolve the issue: https://github.com/hashrock/tabler-icons-tsx/issues/16
+import IconCopyCheck from "https://raw.githubusercontent.com/hashrock/tabler-icons-tsx/df5d89c516984fde5c8ec8a382a1348f9fa1aee6/tsx/copy-check.tsx";
 
 type Props = {
   copyText: string;
@@ -29,7 +32,17 @@ export default function CopyButton(props: Props) {
       disabled={!IS_BROWSER || disabled}
       {...buttonProps}
     >
-      {clicked ? "Kopiert!" : children}
+      {clicked
+        ? (
+          <>
+             Kopiert!
+          
+        )
+        : (
+          <>
+             {children}
+          
+        )}
     
   );
 }