Merge pull request #25 from lum-network/feature/lum-776

[LUM-776-2] Leaderboard
lum-network · Aug 11, 2023 · d9e37e7 · d9e37e7
2 parents 0bf2a33 + ae081e9
commit d9e37e7
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/src/components/Leaderboard/Leaderboard.tsx b/src/components/Leaderboard/Leaderboard.tsx
@@ -90,7 +90,7 @@ const Leaderboard = (props: Props) => {
                         </div>
                     ) : null}
                 </div>
-                {!(lumWallet && item.address === lumWallet.address) && totalDeposited && userRank && userRank.rank > item.rank ? (
+                {!(lumWallet && item.address === lumWallet.address) && totalDeposited && userRank && userRank.rank > item.rank && NumbersUtils.convertUnitNumber(userRank.amount) === totalDeposited ? (
                     <Button
                         className='deposit-more-btn'
                         to={`${NavigationConstants.POOLS}/${DenomsUtils.getNormalDenom(item.nativeDenom)}/${poolId}`}
@@ -101,6 +101,9 @@ const Leaderboard = (props: Props) => {
                         {I18n.t('leaderboard.depositBtn', { amount: Math.ceil(amount - totalDeposited), denom: DenomsUtils.getNormalDenom(item.nativeDenom).toUpperCase() })}
                     </Button>
                 ) : null}
+                {!(lumWallet && item.address === lumWallet.address) && totalDeposited && userRank && userRank.rank > item.rank && NumbersUtils.convertUnitNumber(userRank.amount) !== totalDeposited ? (
+                    <Button className='deposit-more-btn'>{I18n.t('leaderboard.newRanking')}</Button>
+                ) : null}
             </div>
         );
     };

diff --git a/src/locales/en.ts b/src/locales/en.ts
@@ -534,5 +534,6 @@ export default {
         cta: 'See More',
         notConnectedCta: 'Log in to see more',
         depositBtn: 'Deposit {{ amount }} {{ denom }} to take his place',
+        newRanking: 'You new ranking will be displayed in a few minutes',
     },
 };
diff --git a/src/pages/PoolDetails/PoolDetails.tsx b/src/pages/PoolDetails/PoolDetails.tsx
@@ -16,12 +16,12 @@ import { useWindowSize } from 'hooks';
 import { Error404 } from 'pages';
 import { Dispatch, RootState } from 'redux/store';
 import { DenomsUtils, Firebase, I18n, KeplrUtils, NumbersUtils, PoolsUtils, WalletUtils } from 'utils';
+import { LeaderboardItemModel } from 'models';
 import Skeleton from 'react-loading-skeleton';
 
 import DrawDetailsModal from './components/DrawDetailsModal/DrawDetailsModal';
 
 import './PoolDetails.scss';
-import { LeaderboardItemModel } from 'models';
 
 const PoolDetails = () => {
     const { poolId, denom } = useParams<NavigationConstants.PoolsParams>();