docs/src/hooks/useCopy.ts at patch-1 · hmmhmmhm/docs

Repository navigation

import { useRef, useState } from "react";

import copy from "copy-to-clipboard";

export const useCopy = (): [boolean, (text: string) => void] => {

const [showCopied, setShowCopied] = useState(false);

const timeoutRef = useRef<any>(null);

const copyText = (text: string) => {

copy(text);

setShowCopied(true);

if (timeoutRef.current != null) {

clearTimeout(timeoutRef.current);

}

timeoutRef.current = setTimeout(() => {

setShowCopied(false);

timeoutRef.current = null;

}, 1500);

};

return [showCopied, copyText];

};