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.description}
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}
+ >
+ )}
);
}