Revert "fix: apply 'tabular-nums' style only on some columns"

This reverts commit 48ebd3d.
subsquid · Jul 2, 2024 · d53a6c1 · d53a6c1
1 parent 7118c95
commit d53a6c1
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 26 deletions.
diff --git a/src/components/Table/DashboardTable.tsx b/src/components/Table/DashboardTable.tsx
@@ -13,10 +13,6 @@ export const DashboardTableBase = styled(Table)(({ theme }) => ({
     minHeight: theme.spacing(8),
   },
 
-  '& td.numeric': {
-    fontVariantNumeric: 'tabular-nums',
-  },
-
   '& td:last-child, & th:last-child': {
     paddingRight: theme.spacing(0),
   },

diff --git a/src/pages/DashboardPage/Workers.tsx b/src/pages/DashboardPage/Workers.tsx
@@ -169,15 +169,13 @@ export function Workers() {
                   <TableCell>
                     <WorkerVersion worker={worker} />
                   </TableCell>
-                  <TableCell className="numeric">{percentFormatter(worker.uptime90Days)}</TableCell>
-                  <TableCell className="numeric">
-                    {worker.apr != null ? percentFormatter(worker.apr) : '-'}
-                  </TableCell>
-                  <TableCell className="numeric">
+                  <TableCell>{percentFormatter(worker.uptime90Days)}</TableCell>
+                  <TableCell>{worker.apr != null ? percentFormatter(worker.apr) : '-'}</TableCell>
+                  <TableCell>
                     {worker.stakerApr != null ? percentFormatter(worker.stakerApr) : '-'}
                   </TableCell>
                   {/*<TableCell>{formatSqd(worker.totalDelegations.capacity, 0)}</TableCell>*/}
-                  <TableCell className="numeric">
+                  <TableCell>
                     <DelegationCapacity worker={worker} />
                   </TableCell>
                   <TableCell>{dateFormat(worker.createdAt)}</TableCell>

diff --git a/src/pages/DelegationsPage/DelegationsPage.tsx b/src/pages/DelegationsPage/DelegationsPage.tsx
@@ -95,16 +95,14 @@ export function MyDelegations() {
                   <TableCell>
                     <WorkerStatus worker={worker} />
                   </TableCell>
-                  <TableCell className="numeric">
+                  <TableCell>
                     {worker.stakerApr != null ? percentFormatter(worker.stakerApr) : '-'}
                   </TableCell>
-                  <TableCell className="numeric">
+                  <TableCell>
                     <DelegationCapacity worker={worker} />
                   </TableCell>
-                  <TableCell className="numeric">
-                    {tokenFormatter(fromSqd(worker.myDelegation), SQD_TOKEN)}
-                  </TableCell>
-                  <TableCell className="numeric">
+                  <TableCell>{tokenFormatter(fromSqd(worker.myDelegation), SQD_TOKEN)}</TableCell>
+                  <TableCell>
                     {tokenFormatter(fromSqd(worker.myTotalDelegationReward), SQD_TOKEN)}
                   </TableCell>
                   <TableCell className="pinned">

diff --git a/src/pages/WorkersPage/WorkersPage.tsx b/src/pages/WorkersPage/WorkersPage.tsx
@@ -87,16 +87,10 @@ export function MyWorkers() {
                     <TableCell>
                       <WorkerStatus worker={worker} />
                     </TableCell>
-                    <TableCell className="numeric">
-                      {percentFormatter(worker.uptime24Hours)}
-                    </TableCell>
-                    <TableCell className="numeric">
-                      {percentFormatter(worker.uptime90Days)}
-                    </TableCell>
-                    <TableCell className="numeric">
-                      {worker.apr != null ? percentFormatter(worker.apr) : '-'}
-                    </TableCell>
-                    <TableCell className="numeric">
+                    <TableCell>{percentFormatter(worker.uptime24Hours)}</TableCell>
+                    <TableCell>{percentFormatter(worker.uptime90Days)}</TableCell>
+                    <TableCell>{worker.apr != null ? percentFormatter(worker.apr) : '-'}</TableCell>
+                    <TableCell>
                       {tokenFormatter(
                         fromSqd(worker.claimableReward).plus(fromSqd(worker.claimedReward)),
                         SQD_TOKEN,