diff --git a/studio/components/interfaces/BillingV2/Subscription/BillingBreakdown.tsx b/studio/components/interfaces/BillingV2/Subscription/BillingBreakdown.tsx index 1ae114d3079..eb53e89ba8b 100644 --- a/studio/components/interfaces/BillingV2/Subscription/BillingBreakdown.tsx +++ b/studio/components/interfaces/BillingV2/Subscription/BillingBreakdown.tsx @@ -45,7 +45,7 @@ const BillingBreakdown = ({}: BillingBreakdownProps) => { const totalUsageFees = usageFees.reduce((a, b) => a + b.amount, 0) const hasExceededAnyLimits = - !isUsageBillingEnabled && + isUsageBillingEnabled === false && Object.values(usage ?? {}) .map((metric) => { if (typeof metric !== 'object') return false diff --git a/studio/components/interfaces/BillingV2/Usage/Usage.tsx b/studio/components/interfaces/BillingV2/Usage/Usage.tsx index cad0bf057fa..fe825f007de 100644 --- a/studio/components/interfaces/BillingV2/Usage/Usage.tsx +++ b/studio/components/interfaces/BillingV2/Usage/Usage.tsx @@ -210,9 +210,9 @@ const Usage = () => { : 'opacity-50' )} > - {!usageBillingEnabled && status === USAGE_STATUS.APPROACHING ? ( + {usageBillingEnabled === false && status === USAGE_STATUS.APPROACHING ? ( - ) : !usageBillingEnabled && status === USAGE_STATUS.EXCEEDED ? ( + ) : usageBillingEnabled === false && status === USAGE_STATUS.EXCEEDED ? ( ) : null}

{category.name}