mirror of
https://github.com/fosrl/pangolin.git
synced 2026-05-22 16:55:44 +00:00
Add badge
This commit is contained in:
@@ -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.",
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
Reference in New Issue
Block a user