infrastructure/plunk
2
0
Fork 0
Code Pull Requests Activity

Add membership page

Browse Source
This commit is contained in:
Dries Augustyns
2025-12-04 15:29:30 +01:00
parent d08471edc2
commit 726493a1ed
11 changed files with 1144 additions and 450 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/components/BillingInvoices.tsx
+6 -6
View File
@@ -88,20 +88,20 @@ export function BillingInvoices({projectId, hasSubscription, onManageBilling}: B
const getStatusBadge = (status: string, paid: boolean) => {
// Stripe invoices have status 'paid' when paid, or paid boolean is true
if (paid || status === 'paid') {
return <Badge className="bg-green-100 text-green-800 hover:bg-green-100">Paid</Badge>;
return <Badge variant="green">Paid</Badge>;
}
switch (status) {
case 'open':
return <Badge className="bg-orange-100 text-orange-800 hover:bg-orange-100">Unpaid</Badge>;
return <Badge variant="orange">Unpaid</Badge>;
case 'draft':
return <Badge className="bg-neutral-100 text-neutral-800 hover:bg-neutral-100">Draft</Badge>;
return <Badge variant="neutral">Draft</Badge>;
case 'uncollectible':
return <Badge className="bg-red-100 text-red-800 hover:bg-red-100">Uncollectible</Badge>;
return <Badge variant="red">Uncollectible</Badge>;
case 'void':
return <Badge className="bg-neutral-100 text-neutral-800 hover:bg-neutral-100">Void</Badge>;
return <Badge variant="neutral">Void</Badge>;
default:
return <Badge className="bg-neutral-100 text-neutral-800 hover:bg-neutral-100">{status}</Badge>;
return <Badge variant="neutral">{status}</Badge>;
}
};