olaven
/
nrss
1
0
Fork 0
Code Issues 6 Pull Requests Packages Projects Releases Wiki Activity

fix: Clean up types 

Signed-off-by: Tim Hårek Andreassen <tim@harek.no>
This commit is contained in:
Tim Hårek Andreassen 2024-03-02 18:25:22 +01:00
parent cefaa6fa59
commit ee8956bc53
No known key found for this signature in database
GPG Key ID: E59C7734F0E10EB5
1 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
islands/CopyButton.tsx
View File

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