diff --git a/frontend/src/component/admin/network/NetworkTrafficUsage/NetworkTrafficUsage.tsx b/frontend/src/component/admin/network/NetworkTrafficUsage/NetworkTrafficUsage.tsx index 8a6b6afc2557..8771f6cca5ac 100644 --- a/frontend/src/component/admin/network/NetworkTrafficUsage/NetworkTrafficUsage.tsx +++ b/frontend/src/component/admin/network/NetworkTrafficUsage/NetworkTrafficUsage.tsx @@ -85,7 +85,9 @@ const getSelectablePeriods = (): SelectablePeriod[] => { current.getMonth() - subtractMonthCount, 1, ); - selectablePeriods.push(toSelectablePeriod(date)); + if (date > new Date('2024-03-31')) { + selectablePeriods.push(toSelectablePeriod(date)); + } } return selectablePeriods; }; @@ -357,7 +359,7 @@ export const NetworkTrafficUsage: VFC = () => { return ( No data available.} + show={Not enabled.} elseShow={ <> diff --git a/frontend/src/component/admin/network/NetworkTrafficUsage/NetworkTrafficUsagePlanSummary.tsx b/frontend/src/component/admin/network/NetworkTrafficUsage/NetworkTrafficUsagePlanSummary.tsx index 504a6bab35ba..b1061851c41d 100644 --- a/frontend/src/component/admin/network/NetworkTrafficUsage/NetworkTrafficUsagePlanSummary.tsx +++ b/frontend/src/component/admin/network/NetworkTrafficUsage/NetworkTrafficUsagePlanSummary.tsx @@ -53,6 +53,7 @@ export const NetworkTrafficUsagePlanSummary = ({ planIncludedRequests, }: INetworkTrafficUsagePlanSummary) => { const { isPro } = useUiConfig(); + const overages = usageTotal - planIncludedRequests; return ( @@ -61,7 +62,7 @@ export const NetworkTrafficUsagePlanSummary = ({ - Incoming requests for selection{' '} + Incoming requests selected month{' '} } /> + 0} + show={ + + + Requests overages this month + + {overages.toLocaleString()} requests + + + + } + /> );