Rewards QA minor fixes (#1734)

* fix leaderboard issues * add scroll bar visible
push-protocol · Jul 16, 2024 · 6dda889 · 6dda889
1 parent 3a49fe9
commit 6dda889
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/src/modules/rewards/components/LeaderBoardList.tsx b/src/modules/rewards/components/LeaderBoardList.tsx
@@ -1,6 +1,7 @@
 // React and other libraries
 import { FC } from 'react';
 import InfiniteScroll from 'react-infinite-scroller';
+import { css } from 'styled-components';
 
 //Hooks
 import { useGetRewardsLeaderboard, ModelledLeaderBoardUser } from 'queries';
@@ -41,7 +42,12 @@ const LeaderBoardList: FC = () => {
         <LeaderboardListColumns />
         <Box
           height="calc(100vh - 356px)"
-          overflow="auto"
+          overflow="hidden"
+          css={css`
+            &:hover {
+              overflow: auto;
+            }
+          `}
         >
           <InfiniteScroll
             pageStart={0}

diff --git a/src/modules/rewards/components/LeaderBoardListItem.tsx b/src/modules/rewards/components/LeaderBoardListItem.tsx
@@ -63,7 +63,7 @@ const LeaderboardListItem: FC<LeaderboardListItemProps> = ({ rank, address, poin
               variant="bm-bold"
               color={{ light: 'gray-1000', dark: 'gray-100' }}
             >
-              {rank}
+              {rank > 0 && rank}
             </Text>
           </Box>
           <Box
@@ -114,14 +114,14 @@ const LeaderboardListItem: FC<LeaderboardListItemProps> = ({ rank, address, poin
             display={{ ml: 'none', dp: 'block' }}
             color={{ light: 'gray-1000', dark: 'gray-100' }}
           >
-            {points}
+            {points?.toLocaleString()}
           </Text>
           <Text
             variant="bs-bold"
             display={{ ml: 'block', dp: 'none' }}
             color={{ light: 'gray-1000', dark: 'gray-100' }}
           >
-            {points}
+            {points?.toLocaleString()}
           </Text>
         </Box>
       </Skeleton>