fix lint

Author: alissacrane-cb

playground/nextjs-app-router/components/demo/FundSwap.tsx

@@ -22,38 +22,6 @@ function FundSwapComponent() {
     chainId: base.id,
   };
 
-  const ethToken: Token = {
-    name: 'ETH',
-    address: '',
-    symbol: 'ETH',
-    decimals: 18,
-    image:
-      'https://wallet-api-production.s3.amazonaws.com/uploads/tokens/eth_288.png',
-    chainId: base.id,
-  };
-
-  const usdcToken: Token = {
-    name: 'USDC',
-    address: '0x833589fcd6edb6e08f4c7c32d4f71b54bda02913',
-    symbol: 'USDC',
-    decimals: 6,
-    image:
-      'https://d3r81g40ycuhqg.cloudfront.net/wallet/wais/44/2b/442b80bd16af0c0d9b22e03a16753823fe826e5bfd457292b55fa0ba8c1ba213-ZWUzYjJmZGUtMDYxNy00NDcyLTg0NjQtMWI4OGEwYjBiODE2',
-    chainId: base.id,
-  };
-
-  const wethToken: Token = {
-    name: 'Wrapped Ether',
-    address: '0x4200000000000000000000000000000000000006',
-    symbol: 'WETH',
-    decimals: 6,
-    image:
-      'https://d3r81g40ycuhqg.cloudfront.net/wallet/wais/47/bc/47bc3593c2dec7c846b66b7ba5f6fa6bd69ec34f8ebb931f2a43072e5aaac7a8-YmUwNmRjZDUtMjczYy00NDFiLWJhZDUtMzgwNjFmYWM0Njkx',
-    chainId: base.id,
-  };
-
-  const swappableTokens = [degenToken, ethToken, usdcToken, wethToken];
-
   const handleOnStatus = useCallback((lifecycleStatus: LifecycleStatus) => {
     console.log('Status:', lifecycleStatus);
   }, []);

src/swap/components/FundSwap.tsx

@@ -31,7 +31,7 @@ export function FundSwapContent({ className }: { className?: string }) {
   return (
     <div
       ref={walletContainerRef}
-      className={cn('flex items-center gap-4 relative', className)}
+      className={cn('relative flex items-center gap-4', className)}
     >
       <FundSwapInput />
       <FundSwapButton />

src/swap/components/FundSwapButton.tsx

@@ -17,7 +17,7 @@ export function FundSwapButton() {
 
   const handleSubmit = useCallback(() => {
     setIsDropdownOpen(true);
-  }, []);
+  }, [setIsDropdownOpen]);
 
   return (
     <button

src/swap/components/FundSwapDropdown.tsx

@@ -1,7 +1,7 @@
 import { TokenImage } from '../../token';
 import { background, cn, color } from '../../styles/theme';
 import { useFundSwapContext } from './FundSwapProvider';
-import { SwapUnit } from '../types';
+import type { SwapUnit } from '../types';
 import { useCallback } from 'react';
 
 function TokenItem({ swapUnit }: { swapUnit: SwapUnit }) {
@@ -13,10 +13,10 @@ function TokenItem({ swapUnit }: { swapUnit: SwapUnit }) {
 
   const handleClick = useCallback(() => {
     handleSubmit(swapUnit);
-  }, [handleSubmit]);
+  }, [handleSubmit, swapUnit]);
 
   return (
-    <div className="flex gap-2 items-center" onClick={handleClick}>
+    <div className="flex items-center gap-2" onClick={handleClick}>
       <TokenImage token={swapUnit.token} size={36} />
       <div className="flex flex-col">
         <div>
@@ -38,7 +38,7 @@ export function FundSwapDropdown() {
       className={cn(
         color.foreground,
         background.alternate,
-        'flex flex-col absolute translate-y-[110%] right-0  bottom-0 gap-4',
+        'absolute right-0 bottom-0 flex translate-y-[110%] flex-col gap-4',
         'rounded p-4',
       )}
     >

src/swap/components/FundSwapInput.tsx

@@ -21,12 +21,11 @@ export function FundSwapInput() {
   }
 
   return (
-    <div className="flex items-center h-full border rounded-lg px-4">
+    <div className="flex h-full items-center rounded-lg border px-4">
       <TextInput
         className={cn(
           'mr-2 w-full border-[none] bg-transparent font-display',
           'leading-none outline-none',
-          // hasInsufficientBalance && address ? color.error : color.foreground,
         )}
         placeholder="0.0"
         delayMs={1000}

src/swap/components/FundSwapProvider.tsx

@@ -264,11 +264,18 @@ export function FundSwapProvider({
         fromUSDC.setLoading(false);
       }
     },
-    [to, fromETH, fromUSDC],
+    [
+      to,
+      fromETH,
+      fromUSDC,
+      useAggregator,
+      updateLifecycleStatus,
+      lifecycleStatus.statusData.maxSlippage,
+    ],
   );
 
-  // biome-ignore lint/complexity/noExcessiveCognitiveComplexity: TODO Refactor this component
   const handleSubmit = useCallback(
+    // biome-ignore lint/complexity/noExcessiveCognitiveComplexity: TODO Refactor this component
     async (from: SwapUnit) => {
       if (!address || !from.token || !to.token || !from.amount) {
         return;