added: chain and token logos in selection dropdown

Salmandabbakuti · Oct 7, 2024 · 0595839 · 0595839
1 parent f2b2fa4
commit 0595839
Show file tree

Hide file tree

Showing 4 changed files with 49 additions and 4 deletions.
diff --git a/frontend/public/eth-logo.svg b/frontend/public/eth-logo.svg
diff --git a/frontend/public/poly-logo.svg b/frontend/public/poly-logo.svg
diff --git a/frontend/public/xt-logo.png b/frontend/public/xt-logo.png
diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
@@ -233,9 +233,13 @@ export default function App() {
             style={{ maxWidth: 300 }}
             onChange={setFromToken}
           >
-            <Option value="xt-p">XT on Polygon</Option>
+            <Option value="xt-p">
+              <img src="./xt-logo.png" alt="xt" width="15" /> XT on{" "}
+              <img src="./poly-logo.svg" alt="polygon" width="15" /> Polygon
+            </Option>
             <Option value="xt-s" disabled>
-              XT on Sepolia
+              <img src="./xt-logo.png" alt="xt" width="15" /> XT on{" "}
+              <img src="./eth-logo.svg" alt="sepolia" width="10" /> Sepolia
             </Option>
           </Select>
         </div>
@@ -297,9 +301,13 @@ export default function App() {
             style={{ maxWidth: 300 }}
             onChange={setToToken}
           >
-            <Option value="xt-s">XT on Sepolia</Option>
+            <Option value="xt-s">
+              <img src="./xt-logo.png" alt="xt" width="15" /> XT on{" "}
+              <img src="./eth-logo.svg" alt="sepolia" width="10" /> Sepolia
+            </Option>
             <Option value="xt-p" disabled>
-              XT on Polygon
+              <img src="./xt-logo.png" alt="xt" width="15" /> XT on{" "}
+              <img src="./poly-logo.svg" alt="polygon" width="15" /> Polygon
             </Option>
           </Select>
         </div>