fix: create formatter once

frectonz · Jun 17, 2024 · 7eb274d · 7eb274d
1 parent 4df10ae
commit 7eb274d
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/ui/src/routes/index.lazy.tsx b/ui/src/routes/index.lazy.tsx
@@ -174,6 +174,11 @@ type TheBarChartProps = {
   }[];
 };
 
+const compactrer = Intl.NumberFormat("en-US", {
+  notation: "compact",
+  maximumFractionDigits: 1,
+});
+
 export function TheBarChart({ counts }: TheBarChartProps) {
   return (
     <ResponsiveContainer width="100%" height={350}>
@@ -190,12 +195,7 @@ export function TheBarChart({ counts }: TheBarChartProps) {
           fontSize={12}
           tickLine={false}
           axisLine={false}
-          tickFormatter={(number) =>
-            Intl.NumberFormat("en-US", {
-              notation: "compact",
-              maximumFractionDigits: 1,
-            }).format(number)
-          }
+          tickFormatter={(number) => compactrer.format(number)}
         />
         <Bar
           dataKey="count"