QT/bigcapital
1
0
Fork 0
mirror of https://github.com/bigcapitalhq/bigcapital.git synced 2026-02-17 21:30:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: change subscription plan

Browse Source
This commit is contained in:
Ahmed Bouhuolia
2024-07-28 20:52:53 +02:00
parent 1660df20af
commit 333b6f5a4b
3 changed files with 52 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
packages/webapp/src/containers/Setup/SetupSubscription/SubscriptionPlans.tsx
View File

@@ -1,12 +1,20 @@
import { Group } from '@/components';
import { Group, GroupProps } from '@/components';
import { SubscriptionPlan } from './SubscriptionPlan';
import { useSubscriptionPlans } from './hooks';
export function SubscriptionPlans() {
interface SubscriptionPlansProps {
wrapProps?: GroupProps;
onSubscribe?: (variantId: number) => void;
}
export function SubscriptionPlans({
wrapProps,
onSubscribe
}: SubscriptionPlansProps) {
const subscriptionPlans = useSubscriptionPlans();
return (
<Group spacing={14} noWrap align="stretch">
<Group spacing={14} noWrap align="stretch" {...wrapProps}>
{subscriptionPlans.map((plan, index) => (
<SubscriptionPlan
key={index}
@@ -21,6 +29,7 @@ export function SubscriptionPlans() {
annuallyPriceLabel={plan.annuallyPriceLabel}
monthlyVariantId={plan.monthlyVariantId}
annuallyVariantId={plan.annuallyVariantId}
onSubscribe={onSubscribe}
/>
))}
</Group>