30 lines
656 B
TypeScript
30 lines
656 B
TypeScript
|
"use client";
|
||
|
|
import { PricingTable } from "@saas/payments/components/PricingTable";
|
||
|
|
import { SettingsItem } from "@saas/shared/components/SettingsItem";
|
||
|
|
import { useTranslations } from "next-intl";
|
||
|
|
|
||
|
|
export function ChangePlan({
|
||
|
|
organizationId,
|
||
|
|
userId,
|
||
|
|
activePlanId,
|
||
|
|
}: {
|
||
|
|
organizationId?: string;
|
||
|
|
userId?: string;
|
||
|
|
activePlanId?: string;
|
||
|
|
}) {
|
||
|
|
const t = useTranslations();
|
||
|
|
|
||
|
|
return (
|
||
|
|
<SettingsItem
|
||
|
|
title={t("settings.billing.changePlan.title")}
|
||
|
|
description={t("settings.billing.changePlan.description")}
|
||
|
|
>
|
||
|
|
<PricingTable
|
||
|
|
organizationId={organizationId}
|
||
|
|
userId={userId}
|
||
|
|
activePlanId={activePlanId}
|
||
|
|
/>
|
||
|
|
</SettingsItem>
|
||
|
|
);
|
||
|
|
}
|