x/hostinfo
1
0
Fork 0
mirror of https://github.com/skidoodle/hostinfo synced 2026-04-28 01:27:36 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix copy button with useeffect

Browse Source
This commit is contained in:
albert
2026-03-07 00:57:21 +01:00
parent 25d0865f89
commit 55e97a68f6
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/CopyButton.tsx
+8 -1
View File
@@ -3,12 +3,19 @@ import { CheckIcon, ClipboardDocumentIcon } from '@heroicons/react/24/outline';
export const CopyButton = ({ text }: { text: string }) => { export const CopyButton = ({ text }: { text: string }) => {
const [copied, setCopied] = useState(false); const [copied, setCopied] = useState(false);
useEffect(() => {
let timeout: ReturnType<typeof setTimeout>;
if (copied) {
timeout = setTimeout(() => setCopied(false), 2000);
}
return () => clearTimeout(timeout);
}, [copied]);
const handleCopy = async (e: React.MouseEvent) => { const handleCopy = async (e: React.MouseEvent) => {
e.preventDefault(); e.preventDefault();
e.stopPropagation(); e.stopPropagation();
await navigator.clipboard.writeText(text); await navigator.clipboard.writeText(text);
setCopied(true); setCopied(true);
setTimeout(() => setCopied(false), 2000);
}; };
return ( return (