Fix some decimal logic with Odometer

gluwa · Feb 6, 2024 · 615d63b · 615d63b
1 parent 8dbbce4
commit 615d63b
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/src/component/Odometer.tsx b/src/component/Odometer.tsx
@@ -1,7 +1,7 @@
 import { useMemo } from 'react';
 
 interface OdometerProps {
-  value?: string;
+  value?: string | number;
   spaceBefore?: string;
   spaceAfter?: string;
   zeroDecimals?: number;
@@ -18,10 +18,15 @@ export const Odometer = ({
   decimalColor = 'var(--text-color-tertiary)',
 }: OdometerProps) => {
   const formattedValue = useMemo(() => {
-    let [whole, decimal] = value.split('.');
+    let [whole, decimal] = String(value).split('.');
     whole = whole.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
     if (decimal) {
-      decimal = parseFloat(`0.${decimal}`).toFixed(zeroDecimals).substring(2);
+      const factor = 10 ** zeroDecimals;
+      let result: number | string =
+        Math.floor(parseFloat(`0.${decimal}`) * factor) / factor;
+
+      result = result.toString().split('.')[1] || '';
+      decimal = result;
     }
     return { whole, decimal };
   }, [value, zeroDecimals]);