From 0e283fdf872783560d72efd3f9e13cd99f78cac8 Mon Sep 17 00:00:00 2001
From: Kolade <corlardey@gmail.com>
Date: Tue, 16 Jul 2024 10:30:04 +0100
Subject: [PATCH] Rewards QA minor fixes (#1734)

* fix leaderboard issues

* add scroll bar visible
---
 src/modules/rewards/components/LeaderBoardList.tsx     | 8 +++++++-
 src/modules/rewards/components/LeaderBoardListItem.tsx | 6 +++---
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/modules/rewards/components/LeaderBoardList.tsx b/src/modules/rewards/components/LeaderBoardList.tsx
index 454685d9a8..dfadfbc427 100644
--- 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
index bbc8671d9f..f2839559d0 100644
--- 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>