1 files changed, 27 insertions, 0 deletions
diff --git a/packages/excalidraw/hooks/useCopiedIndicator.ts b/packages/excalidraw/hooks/useCopiedIndicator.ts
new file mode 100644
index 0000000..18ad793
--- /dev/null
+++ b/packages/excalidraw/hooks/useCopiedIndicator.ts
@@ -0,0 +1,27 @@
+import { useCallback, useRef, useState } from "react";
+
+const TIMEOUT = 2000;
+
+export const useCopyStatus = () => {
+  const [copyStatus, setCopyStatus] = useState<"success" | null>(null);
+  const timeoutRef = useRef<number>(0);
+
+  const onCopy = () => {
+    clearTimeout(timeoutRef.current);
+    setCopyStatus("success");
+
+    timeoutRef.current = window.setTimeout(() => {
+      setCopyStatus(null);
+    }, TIMEOUT);
+  };
+
+  const resetCopyStatus = useCallback(() => {
+    setCopyStatus(null);
+  }, []);
+
+  return {
+    copyStatus,
+    resetCopyStatus,
+    onCopy,
+  };
+};