fix: disable swap while permit loading (#5577)

* fix: disable swap while permit loading

* refactor: UNKNOWN -> INVALID

src/hooks/usePermit2.ts

@@ -11,7 +11,8 @@ import { PermitSignature, usePermitAllowance, useUpdatePermitAllowance } from '.
 import { useTokenAllowance, useUpdateTokenAllowance } from './useTokenAllowance'
 
 export enum PermitState {
-  UNKNOWN,
+  INVALID,
+  LOADING,
   PERMIT_NEEDED,
   PERMITTED,
 }
@@ -85,8 +86,10 @@ export default function usePermit(amount?: CurrencyAmount<Token>, spender?: stri
   )
 
   return useMemo(() => {
-    if (!amount || !tokenAllowance) {
-      return { state: PermitState.UNKNOWN }
+    if (!amount) {
+      return { state: PermitState.INVALID }
+    } else if (!tokenAllowance || !permitAllowance) {
+      return { state: PermitState.LOADING }
     } else if (isAllowed) {
       if (isPermitted) {
         return { state: PermitState.PERMITTED }
@@ -95,5 +98,5 @@ export default function usePermit(amount?: CurrencyAmount<Token>, spender?: stri
       }
     }
     return { state: PermitState.PERMIT_NEEDED, callback }
-  }, [amount, callback, isAllowed, isPermitted, isSigned, signature, tokenAllowance])
+  }, [amount, callback, isAllowed, isPermitted, isSigned, permitAllowance, signature, tokenAllowance])
 }

src/pages/Swap/index.tsx

@@ -873,7 +873,7 @@ export default function Swap() {
                       routeIsSyncing ||
                       routeIsLoading ||
                       priceImpactTooHigh ||
-                      Boolean(!permit2Enabled && swapCallbackError)
+                      (permit2Enabled ? permit.state === PermitState.LOADING : Boolean(swapCallbackError))
                     }
                     error={isValid && priceImpactSeverity > 2 && (permit2Enabled || !swapCallbackError)}
                   >