update version amm v3

oraidex · Jun 25, 2024 · d33a4c7 · d33a4c7
1 parent 0df4f46
commit d33a4c7
Show file tree

Hide file tree

Showing 6 changed files with 58 additions and 15 deletions.
diff --git a/public/v3/assets/index-CYYAuFIz.js → public/v3/assets/index-BDYwlRjP.js b/public/v3/assets/index-CYYAuFIz.js → public/v3/assets/index-BDYwlRjP.js
diff --git a/public/v3/index.html b/public/v3/index.html
@@ -31,7 +31,7 @@
         display: none;
       }
     </style>
-    <script type="module" crossorigin src="/v3/assets/index-CYYAuFIz.js"></script>
+    <script type="module" crossorigin src="/v3/assets/index-BDYwlRjP.js"></script>
     <link rel="stylesheet" crossorigin href="/v3/assets/index-BCdngXpP.css">
   </head>
   <body>

diff --git a/src/layouts/Menu.module.scss b/src/layouts/Menu.module.scss
@@ -271,13 +271,31 @@
     }
 
     &_text {
+      display: flex;
+      white-space: nowrap;
+      align-items: center;
+      justify-content: space-between;
       font-size: 14px;
       line-height: 100%;
       justify-items: center;
       font-weight: 500;
       @include theme() {
         color: theme-get('neutral-text-title');
       }
+      .suffix {
+        height: 100%;
+        width: 100%;
+
+        & > div {
+          height: 40px;
+          width: 40px;
+        }
+        svg {
+          path {
+            stroke: unset !important;
+          }
+        }
+      }
     }
 
     &_others {

diff --git a/src/layouts/Menu.tsx b/src/layouts/Menu.tsx
@@ -28,6 +28,8 @@ import { Link, useLocation } from 'react-router-dom';
 import BuyOraiModal from './BuyOraiModal';
 import styles from './Menu.module.scss';
 import TooltipContainer from 'components/WalletManagement/TooltipContainer';
+import PoolV3Lottie from 'assets/lottie/poolv3.json';
+import Lottie from 'lottie-react';
 
 const Menu: React.FC = () => {
   const location = useLocation();
@@ -100,6 +102,11 @@ const Menu: React.FC = () => {
         {Icon}
         <span className={classNames(styles.menu_item_text, { [styles.active]: link === to }, styles[theme])}>
           {title}
+          {to === '/pools-v3' && (
+            <span className={classNames(styles.suffix)}>
+              <Lottie animationData={PoolV3Lottie} autoPlay={open} loop />
+            </span>
+          )}
         </span>
       </Link>
     );

diff --git a/src/layouts/Sidebar.module.scss b/src/layouts/Sidebar.module.scss
@@ -48,6 +48,7 @@
   margin-bottom: 10px;
   cursor: pointer;
   border-radius: 99px;
+  height: 48px;
   background-color: transparent;
 
   @include theme() {
@@ -71,13 +72,32 @@
   }
 
   &_text {
+    display: flex;
+    white-space: nowrap;
+    align-items: center;
+    justify-content: space-between;
     font-weight: 500;
     font-size: 14px;
     line-height: 100%;
     margin-left: 16px;
     @include theme() {
       color: theme-get('neutral-text-title');
     }
+
+    .suffix {
+      height: 100%;
+      width: 100%;
+
+      & > div {
+        height: 40px;
+        width: 40px;
+      }
+      svg {
+        path {
+          stroke: unset !important;
+        }
+      }
+    }
   }
 }
 

diff --git a/src/layouts/Sidebar.tsx b/src/layouts/Sidebar.tsx
@@ -66,13 +66,11 @@ const Sidebar: React.FC<{}> = React.memo((props) => {
         {icon}
         <span className={classNames(styles.menu_item_text, { [styles.active]: link === to }, styles[theme])}>
           {title}
-          {/* {to === '/pools-v3' && (
-            <span>
-              <div>
-                <Lottie animationData={PoolV3Lottie} autoPlay={open} loop />
-              </div>
+          {to === '/pools-v3' && (
+            <span className={classNames(styles.suffix)}>
+              <Lottie animationData={PoolV3Lottie} autoPlay={open} loop />
             </span>
-          )} */}
+          )}
         </span>
       </Link>
     );
@@ -86,7 +84,7 @@ const Sidebar: React.FC<{}> = React.memo((props) => {
             {renderLink('/universalswap', 'Swap', setLink, <UniversalSwapIcon />)}
             {renderLink('/bridge', 'Bridge', setLink, <BridgeIcon />)}
             {renderLink('/pools', 'Pools', setLink, <PoolIcon />)}
-            {renderLink('/pools-v3', 'Pools V3', setLink, <PoolV3Icon />)}
+            {renderLink('/pools-v3', 'Pools', setLink, <PoolV3Icon />)}
             {renderLink('/staking', 'Staking', setLink, <StakingIcon />)}
             {renderLink('/co-harvest', 'Co-Harvest', setLink, <CohavestIcon />)}
             {renderLink('/bitcoin-dashboard', 'BTC Dashboard', setLink, <BtcDashboardIcon />)}