fix: clear clipboard

safe-global · Oct 16, 2023 · a518831 · a518831
1 parent e0ead58
commit a518831
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 4 deletions.
diff --git a/src/components/walletconnect/HeaderWidget/index.tsx b/src/components/walletconnect/HeaderWidget/index.tsx
@@ -19,7 +19,6 @@ const usePrepopulatedUri = (): [string, () => void] => {
 
   const clearUri = useCallback(() => {
     setSearchParamWcUri(null)
-    // This does not clear the system clipboard, just state
     setClipboardWcUri('')
   }, [setClipboardWcUri, setSearchParamWcUri])
 

diff --git a/src/services/walletconnect/useWalletConnectClipboardUri.ts b/src/services/walletconnect/useWalletConnectClipboardUri.ts
@@ -1,9 +1,9 @@
 import { useState, useEffect } from 'react'
-import type { SetStateAction, Dispatch } from 'react'
 
 import { getClipboard, isClipboardGranted } from '@/utils/clipboard'
+import { Errors, logError } from '../exceptions'
 
-export const useWalletConnectClipboardUri = (): [string, Dispatch<SetStateAction<string>>] => {
+export const useWalletConnectClipboardUri = (): [string, (data: string) => Promise<void>] => {
   const [state, setState] = useState('')
 
   useEffect(() => {
@@ -34,5 +34,16 @@ export const useWalletConnectClipboardUri = (): [string, Dispatch<SetStateAction
     }
   }, [])
 
-  return [state, setState]
+  const setClipboard = async (data: string) => {
+    await navigator.clipboard
+      .writeText(data)
+      .then(() => {
+        setState(data)
+      })
+      .catch((e) => {
+        logError(Errors._709, e)
+      })
+  }
+
+  return [state, setClipboard]
 }