add domains as addresses

invariant-labs · Jan 23, 2025 · 9992a2d · 9992a2d
1 parent 954102a
commit 9992a2d
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 5 deletions.
diff --git a/src/pages/LeaderboardPage/components/LeaderboardItem/LeaderboardItem.tsx b/src/pages/LeaderboardPage/components/LeaderboardItem/LeaderboardItem.tsx
@@ -34,6 +34,7 @@ interface LeaderboardItemDetailProps extends BaseLeaderboardItemProps {
   last24hPoints?: string
   rank?: number
   address?: PublicKey
+  domain?: string
 }
 
 export type LeaderboardItemProps = LeaderboardHeaderProps | LeaderboardItemDetailProps
@@ -77,7 +78,8 @@ const LeaderboardItem: React.FC<LeaderboardItemProps> = props => {
     address = '',
     last24hPoints = 0,
     positions = 0,
-    hideBottomLine = false
+    hideBottomLine = false,
+    domain
   } = props
 
   const getColorByPlace = (index: number) => {
@@ -122,8 +124,17 @@ const LeaderboardItem: React.FC<LeaderboardItemProps> = props => {
         }}>
         <Typography style={{ color: getColorByPlace(rank) }}>{rank}</Typography>
 
-        <Typography>
-          {shortenAddress(address.toString(), 4)}
+        <Typography style={{ paddingRight: '24px', width: 'auto' }}>
+          <span
+            style={{
+              whiteSpace: 'nowrap',
+              overflow: 'hidden',
+              textOverflow: 'ellipsis',
+              color: colors.invariant.text
+            }}>
+            {domain ? domain : shortenAddress(address.toString(), 4)}
+          </span>
+
           {isYou ? (
             <Typography style={{ color: colors.invariant.pink, marginLeft: '5px' }}>
               (You)

diff --git a/src/pages/LeaderboardPage/components/LeaderboardItem/style.ts b/src/pages/LeaderboardPage/components/LeaderboardItem/style.ts
@@ -23,11 +23,11 @@ export const useStyles = makeStyles()(() => ({
     },
 
     [theme.breakpoints.down('md')]: {
-      gridTemplateColumns: '15% auto 17.5%'
+      gridTemplateColumns: '15% auto 22.5%'
     },
 
     [theme.breakpoints.down('sm')]: {
-      gridTemplateColumns: '15% auto 17.5%',
+      gridTemplateColumns: '15% auto 22.5%',
 
       '& p': {
         justifyContent: 'flex-start',

diff --git a/src/pages/LeaderboardPage/components/LeaderboardList/LeaderboardList.tsx b/src/pages/LeaderboardPage/components/LeaderboardList/LeaderboardList.tsx
@@ -21,6 +21,7 @@ interface LeaderboardEntry {
   last24hPoints?: BN
   rank?: number
   address?: PublicKey
+  domain?: string
 }
 
 interface LeaderboardListProps {
@@ -99,6 +100,7 @@ const LeaderboardList: React.FC<LeaderboardListProps> = ({ data, isLoading = fal
             last24hPoints={userStats.last24hPoints}
             points={userStats.points ?? 0}
             address={userStats.address}
+            domain={userStats?.domain}
           />
         )}
         <Box sx={{ paddingLeft: '24px', paddingRight: '24px' }}>
@@ -112,6 +114,7 @@ const LeaderboardList: React.FC<LeaderboardListProps> = ({ data, isLoading = fal
                 last24hPoints={element.last24hPoints}
                 points={element.points ?? 0}
                 address={element.address}
+                domain={element?.domain}
               />
             ))
           ) : (

diff --git a/src/store/reducers/leaderboard.ts b/src/store/reducers/leaderboard.ts
@@ -10,6 +10,7 @@ export interface UserStats {
   last24hPoints: BN
   rank: number
   address: PublicKey
+  domain?: string
 }
 
 export interface LeaderboardEntry extends UserStats {}