dima/supabase
1
0 Fork 0
mirror of https://github.com/supabase/supabase.git synced 2026-10-05 17:35:10 +03:00
Code Issues Packages Projects Releases Wiki Activity

chore: do not show projected cost if not set (#41131)

Browse Source 
API can return undefined or 0 for projected cost, in that case we do not want to display it.
This commit is contained in:
Kevin Grüneberg authored and GitHub committed 2025-12-09 12:01:08 +08:00
1 parent 66a418b25d
commit 28803acb32
1 file changed
+17 -14
Download Patch File Download Diff File Expand all files Collapse all files
apps/studio/components/interfaces/Organization/BillingSettings/BillingBreakdown/UpcomingInvoice.tsx
+17 -14
View File
@@ -288,20 +288,23 @@ const UpcomingInvoice = ({ slug }: UpcomingInvoiceProps) => {
{formatCurrency(upcomingInvoice?.amount_total) ?? '-'}
</TableCell>
</TableRow>
<TableRow>
<TableCell className="font-medium py-2 px-0 flex items-center">
<span className="mr-2">Projected Costs</span>
<InfoTooltip className="max-w-xs">
Projected costs at the end of the billing cycle. Includes predictable costs
for Compute Hours, IPv4, Custom Domain and Point-In-Time-Recovery, but no
costs for metrics like MAU, storage or function invocations. Final amounts may
vary depending on your usage.
</InfoTooltip>
</TableCell>
<TableCell className="text-right font-medium py-2 px-0" translate="no">
{formatCurrency(upcomingInvoice?.amount_projected) ?? '-'}
</TableCell>
</TableRow>
{upcomingInvoice?.amount_projected && (
<TableRow>
<TableCell className="font-medium py-2 px-0 flex items-center">
<span className="mr-2">Projected Costs</span>
<InfoTooltip className="max-w-xs">
Projected costs at the end of the billing cycle. Includes predictable costs
for Compute Hours, IPv4, Custom Domain and Point-In-Time-Recovery, but no
costs for metrics like MAU, storage or function invocations. Final amounts
may vary depending on your usage.
</InfoTooltip>
</TableCell>
<TableCell className="text-right font-medium py-2 px-0" translate="no">
{formatCurrency(upcomingInvoice.amount_projected) ?? '-'}
</TableCell>
</TableRow>
)}
</TableFooter>
</Table>
</div>