fix: formatting + spacing table header (#239)

Vizzuality · Jan 17, 2025 · c2bccc6 · c2bccc6
1 parent 61c9c34
commit c2bccc6
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 7 deletions.
diff --git a/client/src/containers/overview/table/view/key-costs/index.tsx b/client/src/containers/overview/table/view/key-costs/index.tsx
@@ -101,7 +101,7 @@ export function KeyCostsTable() {
             <TableRow key={headerGroup.id}>
               {headerGroup.headers.map((header) => {
                 return (
-                  <TableHead key={header.id}>
+                  <TableHead key={header.id} className="p-2">
                     {header.isPlaceholder ? null : (
                       <div
                         className={cn({

diff --git a/client/src/containers/overview/table/view/scorecard-prioritization/index.tsx b/client/src/containers/overview/table/view/scorecard-prioritization/index.tsx
@@ -122,7 +122,7 @@ export function ScoredCardPrioritizationTable() {
             <TableRow key={headerGroup.id}>
               {headerGroup.headers.map((header) => {
                 return (
-                  <TableHead key={header.id}>
+                  <TableHead key={header.id} className="p-2">
                     {header.isPlaceholder ? null : (
                       <div
                         className={cn({

diff --git a/client/src/lib/format.tsx b/client/src/lib/format.tsx
@@ -14,11 +14,16 @@ export const formatNumber = (
   value: number,
   options: Intl.NumberFormatOptions = {},
 ) => {
-  return Intl.NumberFormat("en-US", {
-    style: "decimal",
-    maximumFractionDigits: 2,
-    ...options,
-  }).format(value);
+  return (
+    Intl.NumberFormat("en-US", {
+      style: "decimal",
+      maximumFractionDigits: 2,
+      ...options,
+    })
+      .format(value)
+      // Removes trailing ".00" if present
+      .replace(/\.00$/, "")
+  );
 };
 
 /**