refactor: create a type for PermitCompatibleTokens

apps/cowswap-frontend/src/modules/permit/hooks/usePermitCompatibleTokens.ts

@@ -6,8 +6,9 @@ import { useWalletInfo } from '@cowprotocol/wallet'
 import { usePreGeneratedPermitInfo } from './usePreGeneratedPermitInfo'
 
 import { permittableTokensAtom } from '../state/permittableTokensAtom'
+import { PermitCompatibleTokens } from '../types'
 
-export function usePermitCompatibleTokens(): Record<string, boolean> {
+export function usePermitCompatibleTokens(): PermitCompatibleTokens {
   const { chainId } = useWalletInfo()
   const localPermitInfo = useAtomValue(permittableTokensAtom)[chainId]
   const { allPermitInfo } = usePreGeneratedPermitInfo()
@@ -20,7 +21,7 @@ export function usePermitCompatibleTokens(): Record<string, boolean> {
   preGeneratedPermitInfoRef.current = allPermitInfo
 
   return useMemo(() => {
-    const permitCompatibleTokens: Record<string, boolean> = {}
+    const permitCompatibleTokens: PermitCompatibleTokens = {}
 
     for (const address of Object.keys(preGeneratedPermitInfoRef.current)) {
       permitCompatibleTokens[address.toLowerCase()] = !!preGeneratedPermitInfoRef.current[address]

apps/cowswap-frontend/src/modules/permit/types.ts

@@ -48,3 +48,5 @@ export type GetPermitCacheParams = PermitCacheKeyParams
 export type CheckHasValidPendingPermit = (order: ParsedOrder) => Promise<boolean | undefined>
 
 export type OrdersPermitStatus = Record<string, boolean | undefined>
+
+export type PermitCompatibleTokens = Record<string, boolean>

apps/cowswap-frontend/src/modules/tokensList/pure/SelectTokenModal/index.tsx

@@ -5,6 +5,8 @@ import { UnsupportedTokensState } from '@cowprotocol/tokens'
 
 import { Edit, X } from 'react-feather'
 
+import { PermitCompatibleTokens } from 'modules/permit'
+
 import * as styledEl from './styled'
 
 import { TokenAmounts } from '../../../tokens'
@@ -21,7 +23,7 @@ export interface SelectTokenModalProps {
   unsupportedTokens: UnsupportedTokensState
   balancesLoading: boolean
   selectedToken?: string
-  permitCompatibleTokens: { [tokenAddress: string]: boolean }
+  permitCompatibleTokens: PermitCompatibleTokens
   onSelectToken(token: TokenWithLogo): void
   onInputPressEnter?(): void
   defaultInputValue?: string

apps/cowswap-frontend/src/modules/tokensList/types.ts

@@ -1,5 +1,6 @@
 import { TokenWithLogo } from '@cowprotocol/common-const'
 
+import { PermitCompatibleTokens } from 'modules/permit'
 import { TokenAmounts } from 'modules/tokens'
 
 export interface SelectTokenContext {
@@ -8,5 +9,5 @@ export interface SelectTokenContext {
   selectedToken?: string
   onSelectToken(token: TokenWithLogo): void
   unsupportedTokens: { [tokenAddress: string]: { dateAdded: number } }
-  permitCompatibleTokens: { [tokenAddress: string]: boolean }
+  permitCompatibleTokens: PermitCompatibleTokens
 }