Adding useClipboard hook

Author: corbanbrook

packages/hooks/package.json

@@ -57,5 +57,8 @@
     "viem": "^2.28.1",
     "vite": "^6.3.4",
     "vitest": "^2.1.9"
+  },
+  "dependencies": {
+    "copy-to-clipboard": "^3.3.3"
   }
 }

packages/hooks/src/hooks/useClipboard.ts

@@ -0,0 +1,31 @@
+import copy from 'copy-to-clipboard'
+import { useEffect, useState } from 'react'
+
+interface UseClipboardProps {
+  timeout?: number
+}
+
+export const useClipboard = (props?: UseClipboardProps) => {
+  const [isCopied, setIsCopied] = useState(false)
+  const timeout = props && props.timeout
+
+  useEffect(() => {
+    if (isCopied) {
+      const id = setTimeout(() => {
+        setIsCopied(false)
+      }, timeout)
+
+      return () => {
+        clearTimeout(id)
+      }
+    }
+  }, [isCopied, timeout])
+
+  return [
+    isCopied,
+    (text: string) => {
+      copy(text)
+      setIsCopied(true)
+    }
+  ] as const
+}

packages/hooks/src/index.ts

@@ -43,3 +43,4 @@ export { useGetSwapRoutes } from './hooks/Combination/useGetSwapRoutes'
 
 // Etc
 export { useClearCachedBalances } from './hooks/useClearCachedBalances'
+export { useClipboard } from './hooks/useClipboard'