feat: enhance OrganizationSettings to display Tax IDs alongside business name for improved billing clarity

This commit is contained in:
Usman Baig
2026-02-20 15:36:50 +01:00
parent 2d37d065c0
commit a4f2bebd10
2 changed files with 22 additions and 3 deletions

View File

@@ -856,9 +856,20 @@ export default function OrganizationSettings() {
Change plan
</Button>
</div>
{subscription.business_name && (
<div className="px-6 pb-2 -mt-2 text-sm text-neutral-500 dark:text-neutral-400">
Billing for: {subscription.business_name}
{(subscription.business_name || (subscription.tax_ids && subscription.tax_ids.length > 0)) && (
<div className="px-6 pb-2 -mt-2 space-y-1 text-sm text-neutral-500 dark:text-neutral-400">
{subscription.business_name && (
<div>Billing for: {subscription.business_name}</div>
)}
{subscription.tax_ids && subscription.tax_ids.length > 0 && (
<div>
Tax ID{subscription.tax_ids.length > 1 ? 's' : ''}:{' '}
{subscription.tax_ids.map((t) => {
const label = t.type === 'eu_vat' ? 'VAT' : t.type === 'us_ein' ? 'EIN' : t.type.replace(/_/g, ' ').toUpperCase()
return `${label} ${t.value}${t.country ? ` (${t.country})` : ''}`
}).join(', ')}
</div>
)}
</div>
)}