From 42d9525ee3299f162a4883e5d185c5c849d0eef5 Mon Sep 17 00:00:00 2001
From: quangdz1704 <Ntq.1704@gmail.com>
Date: Thu, 26 Sep 2024 18:00:45 +0700
Subject: [PATCH] fix: select

---
 .../components/BannerNoticePool/index.tsx       | 17 +++++++++++++++++
 .../Swap/components/SelectToken/SelectToken.tsx |  9 ++++++++-
 2 files changed, 25 insertions(+), 1 deletion(-)

diff --git a/src/pages/Pool-V3/components/BannerNoticePool/index.tsx b/src/pages/Pool-V3/components/BannerNoticePool/index.tsx
index 95ab0b2ef..48e3498b2 100644
--- a/src/pages/Pool-V3/components/BannerNoticePool/index.tsx
+++ b/src/pages/Pool-V3/components/BannerNoticePool/index.tsx
@@ -87,6 +87,23 @@ const BannerNoticePool = () => {
             <Link to={url}>Add LP Now!</Link> 🚀
           </span>
         </div>
+
+        {/* 
+        <div className="sc-f636c9bb-0 ipvWEv">
+          <svg>
+            <circle r="9" cx="10" cy="10"></circle>
+            <circle r="9" cx="10" cy="10" style={{stroke-dashoffset: 103.385}}></circle>
+          </svg>
+          <svg
+            viewBox="0 0 24 24"
+            color="primary"
+            width="20px"
+            xmlns="http://www.w3.org/2000/svg"
+            className="sc-df97f1b-0 egdMRr"
+          >
+            <path d="M5 13H16.17L11.29 17.88C10.9 18.27 10.9 18.91 11.29 19.3C11.68 19.69 12.31 19.69 12.7 19.3L19.29 12.71C19.68 12.32 19.68 11.69 19.29 11.3L12.71 4.7C12.32 4.31 11.69 4.31 11.3 4.7C10.91 5.09 10.91 5.72 11.3 6.11L16.17 11H5C4.45 11 4 11.45 4 12C4 12.55 4.45 13 5 13Z"></path>
+          </svg>
+        </div> */}
       </div>
 
       <div className={styles.close} onClick={() => setOpen(false)}>
diff --git a/src/pages/UniversalSwap/Swap/components/SelectToken/SelectToken.tsx b/src/pages/UniversalSwap/Swap/components/SelectToken/SelectToken.tsx
index 2c5734daf..7505451e4 100644
--- a/src/pages/UniversalSwap/Swap/components/SelectToken/SelectToken.tsx
+++ b/src/pages/UniversalSwap/Swap/components/SelectToken/SelectToken.tsx
@@ -1,4 +1,4 @@
-import { CustomChainInfo, TokenItemType, truncDecimals } from '@oraichain/oraidex-common';
+import { CustomChainInfo, TokenItemType, truncDecimals, HMSTR_ORAICHAIN_DENOM } from '@oraichain/oraidex-common';
 import { ReactComponent as IconoirCancel } from 'assets/icons/iconoir_cancel.svg';
 import { ReactComponent as NoResultDark } from 'assets/images/no-result-dark.svg';
 import { ReactComponent as NoResultLight } from 'assets/images/no-result.svg';
@@ -152,6 +152,13 @@ export default function SelectToken({
                 const balanceDelta = Number(b.usd) - Number(a.usd);
 
                 if (!balanceDelta) {
+                  if (a.denom === HMSTR_ORAICHAIN_DENOM && b.denom !== HMSTR_ORAICHAIN_DENOM) {
+                    return -1; // Push PepePoolKey elements to the top
+                  }
+                  if (a.denom !== HMSTR_ORAICHAIN_DENOM && b.denom === HMSTR_ORAICHAIN_DENOM) {
+                    return 1; // Keep non-'a' elements below 'a'
+                  }
+
                   return (tokenRank[b.coinGeckoId] || 0) - (tokenRank[a.coinGeckoId] || 0);
                 }
                 return balanceDelta;