update prop name

components/swap/BuyTokenInput.tsx

@@ -66,7 +66,7 @@ const BuyTokenInput = ({
             outputBank || group?.banksMapByName.get(OUTPUT_TOKEN_DEFAULT)?.[0]
           }
           showTokenList={setShowTokenSelect}
-          type="output"
+          tokenType="output"
         />
       </div>
       <div className="relative col-span-1">

components/swap/ReduceInputTokenInput.tsx

@@ -60,7 +60,7 @@ const ReduceInputTokenInput = ({
             inputBank || group?.banksMapByName.get(INPUT_TOKEN_DEFAULT)?.[0] // default to a user position
           }
           showTokenList={setShowTokenSelect}
-          type="reduce-input"
+          tokenType="reduce-input"
         />
       </div>
       <div className="relative col-span-1">

components/swap/ReduceOutputTokenInput.tsx

@@ -53,7 +53,7 @@ const ReduceOutputTokenInput = ({
             outputBank || group?.banksMapByName.get(OUTPUT_TOKEN_DEFAULT)?.[0]
           }
           showTokenList={setShowTokenSelect}
-          type="reduce-output"
+          tokenType="reduce-output"
         />
       </div>
       <div className="relative col-span-1">

components/swap/SellTokenInput.tsx

@@ -60,7 +60,7 @@ const SellTokenInput = ({
             inputBank || group?.banksMapByName.get(INPUT_TOKEN_DEFAULT)?.[0]
           }
           showTokenList={setShowTokenSelect}
-          type="input"
+          tokenType="input"
         />
       </div>
       <div className="relative col-span-1">

components/swap/SwapForm.tsx

@@ -112,7 +112,7 @@ const SwapForm = () => {
         }
       })
     },
-    [inputBank, outputBank, set],
+    [inputBank, outputBank],
   )
 
   const handleSetMargin = () => {

components/swap/TokenSelect.tsx

@@ -11,29 +11,29 @@ import { useTranslation } from 'react-i18next'
 type TokenSelectProps = {
   bank: Bank | undefined
   showTokenList: Dispatch<SetStateAction<SwapFormTokenListType>>
-  type: SwapFormTokenListType
+  tokenType: SwapFormTokenListType
 }
 
-const TokenSelect = ({ bank, showTokenList, type }: TokenSelectProps) => {
+const TokenSelect = ({ bank, showTokenList, tokenType }: TokenSelectProps) => {
   const { t } = useTranslation('trade')
   const { group } = useMangoGroup()
   const { mangoAccount } = useMangoAccount()
 
   const posType = useMemo(() => {
-    if (!bank || !mangoAccount || type !== 'reduce-input') return ''
+    if (!bank || !mangoAccount || tokenType !== 'reduce-input') return ''
     const uiPos = mangoAccount.getTokenBalanceUi(bank)
     if (uiPos > 0) {
       return 'long'
     } else if (uiPos < 0) {
       return 'short'
     }
-  }, [bank, mangoAccount, type])
+  }, [bank, mangoAccount, tokenType])
 
   if (!group) return null
 
   return bank ? (
     <button
-      onClick={() => showTokenList(type)}
+      onClick={() => showTokenList(tokenType)}
       className="flex h-[56px] w-full items-center rounded-lg rounded-r-none bg-th-input-bkg px-3 py-2 text-th-fgd-2 focus-visible:bg-th-bkg-3 md:hover:cursor-pointer md:hover:bg-th-bkg-1 md:hover:text-th-fgd-1"
     >
       <div className="mr-2.5 flex min-w-[24px] items-center">