3371602e0f
* modules for platform plans and billing pages * add platform billing and plans related pages * update platform navigation to include billing tab * custom hook to upgrade team subscription * refactors * export cta row component * fixup * only pass in subscription id instead of whole subscription * refactor :teamId/subscribe endpoint logic, add endpoint for upgrading stripe and shift all webhooks logic into services * refactor team subscription logic, add logic for upgrading stripe and webhooks logic from billing controller --------- Co-authored-by: Peer Richelsen <peeroke@gmail.com>
37 lines
1.2 KiB
TypeScript
37 lines
1.2 KiB
TypeScript
"use client";
|
|
|
|
import Shell from "@calcom/features/shell/Shell";
|
|
|
|
import NoPlatformPlan from "@components/settings/platform/dashboard/NoPlatformPlan";
|
|
import { useGetUserAttributes } from "@components/settings/platform/hooks/useGetUserAttributes";
|
|
import { PlatformPricing } from "@components/settings/platform/pricing/platform-pricing";
|
|
|
|
export default function PlatformPlans() {
|
|
const { isUserLoading, isUserBillingDataLoading, isPlatformUser, isPaidUser, userBillingData, userOrgId } =
|
|
useGetUserAttributes();
|
|
|
|
if (isUserLoading || (isUserBillingDataLoading && !userBillingData)) {
|
|
return <div className="m-5">Loading...</div>;
|
|
}
|
|
|
|
if (!isPlatformUser) return <NoPlatformPlan />;
|
|
|
|
return (
|
|
<div>
|
|
<Shell
|
|
backPath
|
|
isPlatformUser={true}
|
|
heading={
|
|
<h1 className="mx-2 mt-4 text-center text-xl md:text-2xl">
|
|
You are currently subscribed to {userBillingData?.plan[0]}
|
|
{userBillingData?.plan.slice(1).toLocaleLowerCase()} plan
|
|
</h1>
|
|
}
|
|
withoutMain={false}
|
|
SidebarContainer={<></>}>
|
|
<PlatformPricing teamId={userOrgId} teamPlan={userBillingData?.plan.toLocaleLowerCase()} />
|
|
</Shell>
|
|
</div>
|
|
);
|
|
}
|