fix: add field type to onTokenSelectorClick types (#137)

* fix: add field type to onTokenSelectorClick types

* nit

src/components/Swap/index.tsx

@@ -12,7 +12,7 @@ import useOnSupportedNetwork from 'hooks/useOnSupportedNetwork'
 import useSyncEventHandlers from 'hooks/useSyncEventHandlers'
 import { useAtom } from 'jotai'
 import { useState } from 'react'
-import { displayTxHashAtom } from 'state/swap'
+import { displayTxHashAtom, Field } from 'state/swap'
 import { SwapTransactionInfo, Transaction, TransactionType, WrapTransactionInfo } from 'state/transactions'
 
 import Dialog from '../Dialog'
@@ -51,7 +51,7 @@ export interface SwapProps extends TokenDefaults, FeeOptions {
   routerUrl?: string
   onConnectWalletClick?: () => void | Promise<boolean>
   onReviewSwapClick?: () => void | Promise<boolean>
-  onTokenSelectorClick?: () => void | Promise<boolean>
+  onTokenSelectorClick?: (f: Field) => void | Promise<boolean>
 }
 
 export default function Swap(props: SwapProps) {

src/cosmos/Swap.fixture.tsx

@@ -12,6 +12,7 @@ import {
 import { CHAIN_NAMES_TO_IDS } from 'constants/chains'
 import { useEffect } from 'react'
 import { useValue } from 'react-cosmos/fixture'
+import { Field } from 'state/swap'
 
 import { DAI, USDC_MAINNET } from '../constants/tokens'
 import useOption from './useOption'
@@ -92,6 +93,12 @@ function Fixture() {
         })
       }
       onReviewSwapClick={() => new Promise((resolve) => resolve(true))}
+      onTokenSelectorClick={(f: Field) =>
+        new Promise((resolve) => {
+          console.log('onTokenSelectorClick', f)
+          resolve(true)
+        })
+      }
       onTxSubmit={(txHash: string, data: any) => console.log('tx submitted:', txHash, data)}
       onTxSuccess={(txHash: string, data: any) => console.log('tx success:', txHash, data)}
       onTxFail={(error: Error, data: any) => console.log('tx fail:', error, data)}

src/hooks/useSyncEventHandlers.ts

@@ -6,7 +6,7 @@ import { onConnectWalletClickAtom } from 'state/wallet'
 interface UseSyncEventHandlersArgs {
   onConnectWalletClick?: () => void | Promise<boolean>
   onReviewSwapClick?: () => void | Promise<boolean>
-  onTokenSelectorClick?: () => void | Promise<boolean>
+  onTokenSelectorClick?: (f: Field) => void | Promise<boolean>
 }
 
 export default function useSyncEventHandlers(handlers: UseSyncEventHandlersArgs): void {