Co-authored-by: domfelipe <53182096+domfelipe@users.noreply.github.com>
This commit is contained in:
gpt-engineer-app[bot] 2026-04-17 18:16:23 +00:00
parent b7ba1df34a
commit 7fc5d3d489

View file

@ -83,7 +83,21 @@ function BillingPage() {
: "—"
}
/>
<Field label="Status" value={statusLabel(subscription.status)} />
<div>
<p className="text-xs uppercase tracking-wide text-muted-foreground">Status</p>
<div className="mt-1 flex flex-wrap items-center gap-2">
<p className="font-medium">{statusLabel(subscription.status)}</p>
{subscription.cancel_at_period_end &&
(subscription.status === "active" || subscription.status === "trialing") && (
<span className="inline-flex items-center gap-1 rounded-full border border-warning/30 bg-warning/10 px-2 py-0.5 text-xs font-medium text-warning">
<CalendarClock className="h-3 w-3" />
{subscription.current_period_end
? `Cancelamento em ${format(new Date(subscription.current_period_end), "d 'de' MMM 'de' yyyy", { locale: ptBR })}`
: "Cancelamento agendado"}
</span>
)}
</div>
</div>
</div>
) : (
<p className="mt-3 text-sm text-muted-foreground">