From 6bef85fdb1ef86343708f87afcb0d210a7a03806 Mon Sep 17 00:00:00 2001
From: Xiao Yijun <xiaoyijun@silverhand.io>
Date: Tue, 25 Jul 2023 11:41:55 +0800
Subject: [PATCH] style(console): fix mau unit price style (#4220)

---
 .../SelectTenantPlanModal/PlanCardItem/index.tsx              | 4 +++-
 .../TenantSettings/Subscription/PlanQuotaTable/index.tsx      | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/console/src/components/CreateTenantModal/SelectTenantPlanModal/PlanCardItem/index.tsx b/packages/console/src/components/CreateTenantModal/SelectTenantPlanModal/PlanCardItem/index.tsx
index 40e9205f6..5ad419854 100644
--- a/packages/console/src/components/CreateTenantModal/SelectTenantPlanModal/PlanCardItem/index.tsx
+++ b/packages/console/src/components/CreateTenantModal/SelectTenantPlanModal/PlanCardItem/index.tsx
@@ -44,7 +44,9 @@ function PlanCardItem({ plan, onSelect }: Props) {
   const tierPrices = useMemo(() => {
     const prices = stripeProducts
       .filter(({ type }) => type !== 'flat')
-      .map(({ price: { unitAmountDecimal } }) => `$${Number(unitAmountDecimal) / 100}`);
+      .map(
+        ({ price: { unitAmountDecimal } }) => `$${(Number(unitAmountDecimal) / 100).toFixed(3)}`
+      );
 
     return prices.length > 0 ? prices.join(' ') : '$0.00';
   }, [stripeProducts]);
diff --git a/packages/console/src/pages/TenantSettings/Subscription/PlanQuotaTable/index.tsx b/packages/console/src/pages/TenantSettings/Subscription/PlanQuotaTable/index.tsx
index a44096a86..31838e0dd 100644
--- a/packages/console/src/pages/TenantSettings/Subscription/PlanQuotaTable/index.tsx
+++ b/packages/console/src/pages/TenantSettings/Subscription/PlanQuotaTable/index.tsx
@@ -121,7 +121,7 @@ function PlanQuotaTable({ subscriptionPlans }: Props) {
                         <div key={value}>
                           <DynamicT
                             forKey="subscription.quota_table.mau_price"
-                            interpolation={{ value: Number(value) / 100 }}
+                            interpolation={{ value: (Number(value) / 100).toFixed(3) }}
                           />
                         </div>
                       ))}