ti.sil/sourcebot
1
0
Fork 0
mirror of https://github.com/sourcebot-dev/sourcebot.git synced 2025-12-15 05:45:20 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

handle trial case in billing info page

Browse source
This commit is contained in:
msukkari 2025-02-13 11:07:04 -08:00
parent 193c7e0732
commit e2c90b8fcc
2 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
packages/web/src/actions.ts
View file

@ -655,6 +655,7 @@ export const getSubscriptionData = async (domain: string) =>
seats: subscription.items.data[0].quantity!, seats: subscription.items.data[0].quantity!,
perSeatPrice: subscription.items.data[0].price.unit_amount! / 100, perSeatPrice: subscription.items.data[0].price.unit_amount! / 100,
nextBillingDate: subscription.current_period_end!, nextBillingDate: subscription.current_period_end!,
status: subscription.status,
} }
}) })
); );

8
packages/web/src/app/[domain]/settings/billing/page.tsx
View file

@ -37,7 +37,11 @@ export default async function BillingPage({
<Card> <Card>
<CardHeader> <CardHeader>
<CardTitle>Subscription Plan</CardTitle> <CardTitle>Subscription Plan</CardTitle>
<CardDescription>You are currently on the {subscription.plan} plan.</CardDescription> <CardDescription>
{subscription.status === "trialing"
? "You are currently on a free trial"
: `You are currently on the ${subscription.plan} plan.`}
</CardDescription>
</CardHeader> </CardHeader>
<CardContent className="grid gap-4"> <CardContent className="grid gap-4">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
@ -53,7 +57,7 @@ export default async function BillingPage({
<div className="flex items-center space-x-4"> <div className="flex items-center space-x-4">
<CalendarIcon className="h-5 w-5 text-muted-foreground" /> <CalendarIcon className="h-5 w-5 text-muted-foreground" />
<div className="space-y-1"> <div className="space-y-1">
<p className="text-sm font-medium leading-none">Next Billing Date</p> <p className="text-sm font-medium leading-none">{subscription.status === "trialing" ? "Trial End Date" : "Next Billing Date"}</p>
<p className="text-sm text-muted-foreground">{new Date(subscription.nextBillingDate * 1000).toLocaleDateString()}</p> <p className="text-sm text-muted-foreground">{new Date(subscription.nextBillingDate * 1000).toLocaleDateString()}</p>
</div> </div>
</div> </div>