fix: don't check for permissions on Firefox

src/components/walletconnect/WcInput/index.tsx

@@ -4,7 +4,7 @@ import type { ReactElement } from 'react'
 
 import { WalletConnectContext } from '@/services/walletconnect/WalletConnectContext'
 import { asError } from '@/services/exceptions/utils'
-import { getClipboard } from '@/utils/clipboard'
+import { getClipboard, isFirefox } from '@/utils/clipboard'
 
 import css from '../SessionList/styles.module.css'
 
@@ -14,10 +14,6 @@ const WcInput = ({ uri }: { uri: string }): ReactElement => {
   const [error, setError] = useState<Error>()
   const [connecting, setConnecting] = useState(false)
 
-  // readText is not supported by Firefox
-  // @see https://developer.mozilla.org/en-US/docs/Web/API/Clipboard/readText#browser_compatibility
-  const isFirefox = navigator?.userAgent.includes('Firefox')
-
   const onInput = useCallback(
     async (uri: string) => {
       if (!walletConnect) return
@@ -66,7 +62,7 @@ const WcInput = ({ uri }: { uri: string }): ReactElement => {
       label={error ? error.message : 'Pairing UI'}
       placeholder="wc:"
       InputProps={{
-        endAdornment: isFirefox ? undefined : (
+        endAdornment: isFirefox() ? undefined : (
           <InputAdornment position="end">
             <Button variant="contained" onClick={onPaste} className={css.button}>
               Paste

src/utils/clipboard.ts

@@ -1,6 +1,16 @@
 import { logError, Errors } from '@/services/exceptions'
 
+export const isFirefox = (): boolean => {
+  // 'clipboard-read' and `readText` are not supported by Firefox
+  // @see https://developer.mozilla.org/en-US/docs/Web/API/Clipboard/readText#browser_compatibility
+  return navigator.userAgent.includes('Firefox')
+}
+
 export const isClipboardGranted = async (): Promise<boolean> => {
+  if (isFirefox()) {
+    return false
+  }
+
   let isGranted = false
 
   try {
@@ -15,10 +25,7 @@ export const isClipboardGranted = async (): Promise<boolean> => {
 }
 
 export const getClipboard = async (): Promise<string> => {
-  // readText is not supported by Firefox
-  // @see https://developer.mozilla.org/en-US/docs/Web/API/Clipboard/readText#browser_compatibility
-  const isFirefox = navigator.userAgent.includes('Firefox')
-  if (isFirefox) {
+  if (isFirefox()) {
     return ''
   }