From 79e439ea052b7e0c962ab8d35339a132c310b316 Mon Sep 17 00:00:00 2001
From: Jaanus Sellin <sellinjaanus@gmail.com>
Date: Wed, 5 Nov 2025 11:37:56 +0200
Subject: [PATCH] fix: hide usage when there is no limit (#10918)

---
 .../BillingInvoiceUsageRow.tsx                      | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/frontend/src/component/admin/billing/BillingInvoices/BillingInvoice/BillingInvoiceUsageRow/BillingInvoiceUsageRow.tsx b/frontend/src/component/admin/billing/BillingInvoices/BillingInvoice/BillingInvoiceUsageRow/BillingInvoiceUsageRow.tsx
index 2557edf7c5..2d14da3e24 100644
--- a/frontend/src/component/admin/billing/BillingInvoices/BillingInvoice/BillingInvoiceUsageRow/BillingInvoiceUsageRow.tsx
+++ b/frontend/src/component/admin/billing/BillingInvoices/BillingInvoice/BillingInvoiceUsageRow/BillingInvoiceUsageRow.tsx
@@ -70,6 +70,7 @@ export const BillingInvoiceUsageRow = ({
             : totalAmount;
 
     const hasAmount = calculatedAmount && calculatedAmount > 0;
+    const showConsumption = hasValidData;
 
     const formatIncludedDisplay = () => {
         if (includedAmount !== undefined && limit !== undefined) {
@@ -87,10 +88,14 @@ export const BillingInvoiceUsageRow = ({
     return (
         <>
             <StyledDescriptionCell>{description}</StyledDescriptionCell>
-            <StyledCellWithIndicator>
-                <ConsumptionIndicator percentage={percentage || 0} />
-                <div>{formatIncludedDisplay()}</div>
-            </StyledCellWithIndicator>
+            {showConsumption ? (
+                <StyledCellWithIndicator>
+                    <ConsumptionIndicator percentage={percentage || 0} />
+                    <div>{formatIncludedDisplay()}</div>
+                </StyledCellWithIndicator>
+            ) : (
+                <div />
+            )}
             <div>{overage ? formatLargeNumbers(overage) : ''}</div>
             {hasAmount ? (
                 <StyledAmountCell>