fix(console): fix the plan title for subscription plan selector

logto-io · Jul 26, 2024 · a47821c · a47821c
1 parent 33a1ac1
commit a47821c
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 2 deletions.
diff --git a/packages/console/src/components/PlanName/index.tsx b/packages/console/src/components/PlanName/index.tsx
@@ -2,7 +2,7 @@ import { conditional } from '@silverhand/essentials';
 import { type TFuncKey } from 'i18next';
 import { useTranslation } from 'react-i18next';
 
-import { ReservedPlanName } from '@/types/subscriptions';
+import { ReservedPlanName, ReservedSkuId } from '@/types/subscriptions';
 
 const registeredPlanNamePhraseMap: Record<
   string,
@@ -15,6 +15,16 @@ const registeredPlanNamePhraseMap: Record<
   [ReservedPlanName.Enterprise]: 'enterprise',
 };
 
+const registeredSkuIdNamePhraseMap: Record<
+  string,
+  TFuncKey<'translation', 'admin_console.subscription'> | undefined
+> = {
+  quotaKey: undefined,
+  [ReservedSkuId.Free]: 'free_plan',
+  [ReservedSkuId.Pro]: 'pro_plan',
+  [ReservedSkuId.Enterprise]: 'enterprise',
+};
+
 type Props = {
   /** Temporarily use optional for backward compatibility. */
   readonly skuId?: string;
@@ -26,7 +36,7 @@ type Props = {
 function PlanName({ skuId, name }: Props) {
   const { t } = useTranslation(undefined, { keyPrefix: 'admin_console.subscription' });
   const planNamePhrase =
-    conditional(skuId && registeredPlanNamePhraseMap[skuId]) ?? registeredPlanNamePhraseMap[name];
+    conditional(skuId && registeredSkuIdNamePhraseMap[skuId]) ?? registeredPlanNamePhraseMap[name];
 
   /**
    * Note: fallback to the plan name if the phrase is not registered.

diff --git a/packages/console/src/types/subscriptions.ts b/packages/console/src/types/subscriptions.ts
@@ -10,6 +10,13 @@ export enum ReservedPlanName {
   Enterprise = 'Enterprise',
 }
 
+// TODO: use `ReservedPlanId` in the future.
+export enum ReservedSkuId {
+  Free = 'free',
+  Pro = 'pro',
+  Enterprise = 'enterprise',
+}
+
 export type SubscriptionPlanQuota = Omit<
   SubscriptionPlanResponse['quota'],
   'builtInEmailConnectorEnabled'