fix(evm): add max 2 decimals places for baby point (#401)

bob-collective · Jan 13, 2025 · af8782c · af8782c
1 parent eabd12f
commit af8782c
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/apps/evm/src/components/AnimantedAmount/AnimantedAmount.tsx b/apps/evm/src/components/AnimantedAmount/AnimantedAmount.tsx
@@ -12,6 +12,7 @@ type Props = {
   gap?: FlexProps['gap'];
   showAnimation?: boolean;
   shouldRoundDown?: boolean;
+  maximumFractionDigits?: number;
 };
 
 type InheritAttrs = Omit<SpanProps, keyof Props>;
@@ -26,6 +27,7 @@ const AnimantedAmount = ({
   gap = 'xs',
   showAnimation,
   shouldRoundDown,
+  maximumFractionDigits = 0,
   ...props
 }: AnimantedAmountProps) => {
   const [start, setStart] = useState(0);
@@ -36,10 +38,10 @@ const AnimantedAmount = ({
       Intl.NumberFormat(locale, {
         notation: compact ? 'compact' : undefined,
         roundingMode: shouldRoundDown ? 'floor' : undefined,
-        maximumFractionDigits: 0
+        maximumFractionDigits
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
       } as any).format(value),
-    [compact, shouldRoundDown, locale]
+    [compact, shouldRoundDown, maximumFractionDigits, locale]
   );
 
   const { value, reset } = useCountUp({

diff --git a/apps/evm/src/components/BabyPoints/BabyPoints.tsx b/apps/evm/src/components/BabyPoints/BabyPoints.tsx
@@ -7,7 +7,12 @@ import { AnimantedAmount, AnimantedAmountProps } from '../AnimantedAmount';
 type BabyPointsProps = Omit<AnimantedAmountProps, 'icon'>;
 
 const BabyPoints = (props: BabyPointsProps) => (
-  <AnimantedAmount shouldRoundDown icon={<Babylon style={{ width: '1em', height: '1em' }} />} {...props} />
+  <AnimantedAmount
+    shouldRoundDown
+    icon={<Babylon style={{ width: '1em', height: '1em' }} />}
+    maximumFractionDigits={2}
+    {...props}
+  />
 );
 
 export { BabyPoints };