feat: swap input handler

Defi-Project-list · Aug 16, 2024 · 3ead1b8 · 3ead1b8
1 parent 6a099d1
commit 3ead1b8
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/components/trade/SwapCard.tsx b/src/components/trade/SwapCard.tsx
@@ -29,6 +29,8 @@ export default function SwapCard() {
     setToken0AmountInput,
     setToken1AmountInput,
     updateTokenBalance,
+    token0AmountInputHandler,
+    token1AmountInputHandler,
     maxHandler,
   } = useSwap({
     view: SwapView.swap,
@@ -43,6 +45,8 @@ export default function SwapCard() {
     if (!swapData.token0 || !swapData.token1) return;
     setToken0(swapData.token1);
     setToken1(swapData.token0);
+    token0AmountInputHandler("");
+    token1AmountInputHandler("");
   };
 
   return (
@@ -167,7 +171,9 @@ export default function SwapCard() {
                         <span className="text-opacity-50 text-white flex items-center gap-x-1">
                           Price Impact: <Image alt="notice" src="/images/error.svg" className="w-[1rem] h-[1rem]" />
                         </span>
-                        <span className="font-extrabold">{swapData.priceImpact}%</span>
+                        <span className="font-extrabold">
+                          {swapData.priceImpact ? `${swapData.priceImpact}%` : "---"}
+                        </span>
                       </div>
                       <div className="flex justify-between">
                         <span className="text-opacity-50 text-white">Min.received:</span>