diff --git a/src/components/animated-number.tsx b/src/components/animated-number.tsx index e7dd82462..86a2603da 100644 --- a/src/components/animated-number.tsx +++ b/src/components/animated-number.tsx @@ -38,7 +38,9 @@ const AnimatedNumber: React.FC = ({ value, obfuscate }) => { const willLeave = () => ({ y: spring(1 * direction, { damping: 35, stiffness: 400 }) }); if (reduceMotion) { - return obfuscate ? <>{obfuscatedCount(displayedValue)} : ; + return obfuscate + ? <>{obfuscatedCount(displayedValue)} + : ; } const styles = [{ @@ -52,7 +54,14 @@ const AnimatedNumber: React.FC = ({ value, obfuscate }) => { {items => ( {items.map(({ key, data, style }) => ( - 0 ? 'absolute' : 'static', transform: `translateY(${style.y * 100}%)` }}>{obfuscate ? obfuscatedCount(data) : } + 0 ? 'absolute' : 'static', transform: `translateY(${style.y * 100}%)` }} + > + {obfuscate + ? obfuscatedCount(data) + : } + ))} )} diff --git a/src/features/admin/components/dashcounter.tsx b/src/features/admin/components/dashcounter.tsx index 9e1385b91..4006e1d2d 100644 --- a/src/features/admin/components/dashcounter.tsx +++ b/src/features/admin/components/dashcounter.tsx @@ -29,6 +29,7 @@ const DashCounter: React.FC = ({ count, label, to = '#', percent = value={count} style={percent ? 'unit' : undefined} unit={percent ? 'percent' : undefined} + numberingSystem='latn' /> diff --git a/src/utils/numbers.tsx b/src/utils/numbers.tsx index 004d25603..4e3f0f371 100644 --- a/src/utils/numbers.tsx +++ b/src/utils/numbers.tsx @@ -44,6 +44,7 @@ export const shortNumberFormat = (number: any, max?: number): React.ReactNode => maximumFractionDigits={0} minimumFractionDigits={0} maximumSignificantDigits={3} + numberingSystem='latn' style='decimal' /> {factor}