fix: pool select do not use icons

CarmineOptions · Dec 5, 2024 · 8fba854 · 8fba854
1 parent 6ae63ea
commit 8fba854
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/src/components/TokenPairSelect/index.tsx b/src/components/TokenPairSelect/index.tsx
@@ -1,6 +1,6 @@
 import { useState } from "react";
 import { Pair, PairKey } from "../../classes/Pair";
-import { PairBadge, PairNamedBadge, TokenNamedBadge } from "../TokenBadge";
+import { PairNamedBadge, TokenNamedBadge } from "../TokenBadge";
 
 import CaretDown from "./CaretDown.svg?react";
 import { allSupportedTokens, Token } from "../../classes/Token";
@@ -128,8 +128,9 @@ export const PoolSelect = ({ pool, setPool }: PoolSelectProps) => {
         onClick={() => setIsOpen((prev) => !prev)}
       >
         <div className="flex items-center justify-between gap-2">
-          <PairBadge tokenA={pool.baseToken} tokenB={pool.quoteToken} />
-          <P3 className="font-semibold">{pool.typeAsText}</P3>
+          <P3 className="font-semibold">
+            {pool.baseToken.symbol}/{pool.quoteToken.symbol} {pool.typeAsText}
+          </P3>
           <CaretDown />
         </div>
       </button>
@@ -144,8 +145,9 @@ export const PoolSelect = ({ pool, setPool }: PoolSelectProps) => {
                 onClick={() => handleClick(p)}
               >
                 <div className="flex items-center gap-2">
-                  <PairBadge tokenA={p.baseToken} tokenB={p.quoteToken} />
-                  <P3 className="font-semibold">{p.typeAsText}</P3>
+                  <P3 className="font-semibold">
+                    {p.baseToken.symbol}/{p.quoteToken.symbol} {p.typeAsText}
+                  </P3>
                 </div>
               </li>
             ))}