From ee8956bc5376a7bcd505ab4887f9f6e462708e89 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tim=20H=C3=A5rek=20Andreassen?= <tim@harek.no>
Date: Sat, 2 Mar 2024 18:25:22 +0100
Subject: [PATCH] fix: Clean up types
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>
---
 islands/CopyButton.tsx | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/islands/CopyButton.tsx b/islands/CopyButton.tsx
index 6037c40..8acca88 100644
--- a/islands/CopyButton.tsx
+++ b/islands/CopyButton.tsx
@@ -2,9 +2,13 @@ import Preact from "preact";
 import { useState } from "preact/hooks";
 import { IS_BROWSER } from "$fresh/runtime.ts";
 
-export default function CopyButton(
-  props: { textBefore: string; textAfter: string } & Preact.PropsWithChildren,
-) {
+type Props = {
+  text: string;
+  children: Preact.ComponentChildren;
+  disabled?: boolean;
+};
+
+export default function CopyButton({ text, disabled = false, children }: Props) {
   const [clicked, setClicked] = useState(false);
 
   const startReset = () => {
@@ -16,14 +20,14 @@ export default function CopyButton(
   return (
     <button
       onClick={() => {
-        navigator.clipboard.writeText(props.text.toString());
+        navigator.clipboard.writeText(text.toString());
         setClicked(true);
         startReset();
       }}
-      disabled={!IS_BROWSER || props.disabled}
+      disabled={!IS_BROWSER || disabled}
       class="px-2 py-1 border(gray-100 2) hover:bg-gray-200 mx-auto"
     >
-      {clicked ? "Kopiert!" : props.children}
+      {clicked ? "Kopiert!" : children}
     </button>
   );
 }