Add badge

This commit is contained in:
Owen
2026-05-03 14:45:42 -07:00
parent c33e295ce7
commit 584be4dbd2
2 changed files with 15 additions and 2 deletions

View File

@@ -28,6 +28,7 @@
"billingTrialBannerTitle": "Free Trial Active", "billingTrialBannerTitle": "Free Trial Active",
"billingTrialBannerDescription": "You're currently on a free trial on the business tier. When the trial ends, your account will automatically revert to the Basic tier features and limits. Upgrade anytime to keep access to your current plan's features.", "billingTrialBannerDescription": "You're currently on a free trial on the business tier. When the trial ends, your account will automatically revert to the Basic tier features and limits. Upgrade anytime to keep access to your current plan's features.",
"billingTrialBannerUpgrade": "Upgrade Now", "billingTrialBannerUpgrade": "Upgrade Now",
"billingTrialBadge": "Free Trial",
"trialActive": "Free Trial Active", "trialActive": "Free Trial Active",
"trialExpired": "Trial Expired", "trialExpired": "Trial Expired",
"trialHasEnded": "Your trial has ended.", "trialHasEnded": "Your trial has ended.",

View File

@@ -35,6 +35,7 @@ import {
} from "@app/components/Credenza"; } from "@app/components/Credenza";
import { cn } from "@app/lib/cn"; import { cn } from "@app/lib/cn";
import { CreditCard, ExternalLink, Check, AlertTriangle } from "lucide-react"; import { CreditCard, ExternalLink, Check, AlertTriangle } from "lucide-react";
import { Badge } from "@app/components/ui/badge";
import { Alert, AlertTitle, AlertDescription } from "@app/components/ui/alert"; import { Alert, AlertTitle, AlertDescription } from "@app/components/ui/alert";
import { import {
Tooltip, Tooltip,
@@ -874,8 +875,19 @@ export default function BillingPage() {
)} )}
> >
<div className="flex-1"> <div className="flex-1">
<div className="text-2xl"> <div className="flex items-center gap-2 flex-wrap">
{plan.name} <span className="text-2xl">
{plan.name}
</span>
{isCurrentPlan && isTrial && (
<Badge
variant="outlinePrimary"
className="text-xs"
>
{t("billingTrialBadge") ||
"Free Trial"}
</Badge>
)}
</div> </div>
<div className="mt-1"> <div className="mt-1">
<span className="text-xl"> <span className="text-xl">