fix: hide undefined base plan (#687)

raystack · Jul 26, 2024 · 4fbc665 · 4fbc665
1 parent 2a6b630
commit 4fbc665
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/sdks/js/packages/core/react/components/organization/plans/index.tsx b/sdks/js/packages/core/react/components/organization/plans/index.tsx
@@ -153,7 +153,7 @@ export default function Plans() {
           client?.frontierServiceListFeatures()
         ]);
         if (planResp?.data?.plans) {
-          setPlans([...[basePlan || {}], ...planResp?.data?.plans]);
+          setPlans([...(basePlan ? [basePlan] : []), ...planResp?.data?.plans]);
         }
         if (featuresResp?.data?.features) {
           setFeatures(featuresResp?.data?.features);

diff --git a/sdks/js/packages/core/react/contexts/FrontierContext.tsx b/sdks/js/packages/core/react/contexts/FrontierContext.tsx
@@ -34,7 +34,7 @@ import {
   DEFAULT_DATE_FORMAT,
   DEFAULT_DATE_SHORT_FORMAT
 } from '../utils/constants';
-import { BasePlan } from '~/src/types';
+
 interface FrontierContextProviderProps {
   config: FrontierClientOptions;
   client: V1Beta1<unknown> | undefined;
@@ -93,7 +93,7 @@ interface FrontierContextProviderProps {
 
   paymentMethod: V1Beta1PaymentMethod | undefined;
 
-  basePlan?: BasePlan;
+  basePlan?: V1Beta1Plan;
 }
 
 const defaultConfig: FrontierClientOptions = {
@@ -205,7 +205,7 @@ export const FrontierContextProvider = ({
   const [activePlan, setActivePlan] = useState<V1Beta1Plan>();
   const [isActivePlanLoading, setIsActivePlanLoading] = useState(false);
 
-  const [basePlan, setBasePlan] = useState<BasePlan>();
+  const [basePlan, setBasePlan] = useState<V1Beta1Plan>();
 
   useEffect(() => {
     async function getFrontierInformation() {

diff --git a/sdks/js/packages/core/react/utils/index.ts b/sdks/js/packages/core/react/utils/index.ts
@@ -159,7 +159,7 @@ export function getDefaultPaymentMethod(
   return defaultMethod ? defaultMethod : paymentMethods[0];
 }
 
-export const enrichBasePlan = (plan?: BasePlan): BasePlan | undefined => {
+export const enrichBasePlan = (plan?: BasePlan): V1Beta1Plan | undefined => {
   const features = Object.entries(plan?.features || {}).map(([key, value]) => {
     return {
       title: key,