added commas to leaderboard points

ametel01 · Feb 4, 2024 · d4d3ee1 · d4d3ee1
1 parent 28ee9ba
commit d4d3ee1
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 4 deletions.
diff --git 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'}
               </Data>
               <Data>{entry.planet_id}</Data>
-              <Data>{Math.round(Number(entry.net_amount) / 1000)}</Data>
+              <Data>
+                {numberWithCommas(Math.round(Number(entry.net_amount) / 1000))}
+              </Data>
             </Row>
           ))}
         </tbody>

diff --git 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'}
               </Data>
               <Data>{entry.planet_id}</Data>
-              <Data>{Math.round(Number(entry.net_amount) / 1000)}</Data>
+              <Data>
+                {numberWithCommas(Math.round(Number(entry.net_amount) / 1000))}
+              </Data>
             </Row>
           ))}
         </tbody>

diff --git 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'}
               </Data>
               <Data>{entry.planet_id}</Data>
-              <Data>{Math.round(Number(entry.total_spent) / 1000)}</Data>
+              <Data>
+                {numberWithCommas(Math.round(Number(entry.total_spent) / 1000))}
+              </Data>
             </Row>
           ))}
         </tbody>