diff --git a/src/components/Toast.tsx b/src/components/Toast.tsx index 527e755f..105c364b 100644 --- a/src/components/Toast.tsx +++ b/src/components/Toast.tsx @@ -54,12 +54,23 @@ const typeIcons = { export function Toast() { const { message, type, persistent, details, hide } = useToast(); const [isExpanded, setIsExpanded] = useState(false); + const [copied, setCopied] = useState(false); useEffect(() => { // Reset expanded state when toast changes setIsExpanded(false); + setCopied(false); }, [message]); + const handleCopy = async () => { + const textToCopy = details ? `${message}\n\n${details}` : message; + if (textToCopy) { + await navigator.clipboard.writeText(textToCopy); + setCopied(true); + setTimeout(() => setCopied(false), 2000); + } + }; + useEffect(() => { if (message && !persistent) { const timer = setTimeout(() => { @@ -79,9 +90,25 @@ export function Toast() {