diff --git a/packages/frontend/src/components/leaderboards/LeaderBoardFleet.tsx b/packages/frontend/src/components/leaderboards/LeaderBoardFleet.tsx index fcb0ef4..bca1b0d 100644 --- a/packages/frontend/src/components/leaderboards/LeaderBoardFleet.tsx +++ b/packages/frontend/src/components/leaderboards/LeaderBoardFleet.tsx @@ -3,6 +3,7 @@ import styled from 'styled-components'; import CircularProgress from '@mui/material/CircularProgress'; import { CenteredProgress } from './LeaderBoardMain'; import { formatAccount } from '../../shared/utils'; +import { numberWithCommas } from '../../shared/utils/index'; const Table = styled.table` width: 100%; @@ -121,7 +122,9 @@ const LeadearBoardFleet = ({ planetId }: Props) => { : 'Unknown Account'} {entry.planet_id} - {Math.round(Number(entry.net_amount) / 1000)} + + {numberWithCommas(Math.round(Number(entry.net_amount) / 1000))} + ))} diff --git a/packages/frontend/src/components/leaderboards/LeaderBoardMain.tsx b/packages/frontend/src/components/leaderboards/LeaderBoardMain.tsx index 1008716..498e8ba 100644 --- a/packages/frontend/src/components/leaderboards/LeaderBoardMain.tsx +++ b/packages/frontend/src/components/leaderboards/LeaderBoardMain.tsx @@ -1,7 +1,7 @@ import React, { useState, useEffect } from 'react'; import styled from 'styled-components'; import CircularProgress from '@mui/material/CircularProgress'; -import { formatAccount } from '../../shared/utils'; +import { formatAccount, numberWithCommas } from '../../shared/utils'; const Table = styled.table` width: 100%; @@ -128,7 +128,9 @@ const LeadearBoardMain = ({ planetId }: Props) => { : 'Unknown Account'} {entry.planet_id} - {Math.round(Number(entry.net_amount) / 1000)} + + {numberWithCommas(Math.round(Number(entry.net_amount) / 1000))} + ))} diff --git a/packages/frontend/src/components/leaderboards/LeaderBoardTech.tsx b/packages/frontend/src/components/leaderboards/LeaderBoardTech.tsx index 350ffee..74f5a75 100644 --- a/packages/frontend/src/components/leaderboards/LeaderBoardTech.tsx +++ b/packages/frontend/src/components/leaderboards/LeaderBoardTech.tsx @@ -3,6 +3,7 @@ import styled from 'styled-components'; import CircularProgress from '@mui/material/CircularProgress'; import { CenteredProgress } from './LeaderBoardMain'; import { formatAccount } from '../../shared/utils'; +import { numberWithCommas } from '../../shared/utils/index'; const Table = styled.table` width: 100%; @@ -121,7 +122,9 @@ const LeadearBoardTech = ({ planetId }: Props) => { : 'Unknown Account'} {entry.planet_id} - {Math.round(Number(entry.total_spent) / 1000)} + + {numberWithCommas(Math.round(Number(entry.total_spent) / 1000))} + ))}