Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-10-27 11:02:16 +01:00
Code Issues Projects Releases Wiki Activity

feat: only show detailed billing for consumption and payg (#10825)

Browse Source
This commit is contained in:
Jaanus Sellin 2025-10-17 14:11:19 +03:00 committed by GitHub
parent 3f9a726db6
commit adb1d200ea
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/src/component/admin/billing/Billing.tsx
View File

@ -11,6 +11,7 @@ import useInvoices from 'hooks/api/getters/useInvoices/useInvoices';
import { useUiFlag } from 'hooks/useUiFlag';
import { BillingInvoices } from './BillingInvoices/BillingInvoices.tsx';
import { BillingInfo } from './BillingInfo/BillingInfo.tsx';
import useUiConfig from 'hooks/api/getters/useUiConfig/useUiConfig.ts';
const StyledHeader = styled(Typography)(({ theme }) => ({
fontSize: theme.fontSizes.mainHeader,
@ -32,6 +33,12 @@ export const Billing = () => {
useInstanceStatus();
const { invoices } = useInvoices();
const trafficBillingDisplay = useUiFlag('trafficBillingDisplay');
const {
uiConfig: { billing },
} = useUiConfig();
const eligibleForDetailedBilling =
billing === 'pay-as-you-go' || billing === 'enterprise-consumption';
useEffect(() => {
const hardRefresh = async () => {
@ -41,7 +48,7 @@ export const Billing = () => {
hardRefresh();
}, [refetchInstanceStatus, refresh]);
if (trafficBillingDisplay) {
if (trafficBillingDisplay && eligibleForDetailedBilling) {
return (
<Box
sx={(theme) => ({

5
frontend/src/component/admin/billing/BillingInfo/BillingInfo.tsx
View File

@ -80,7 +80,6 @@ export const BillingInfo: FC<BillingInfoProps> = () => {
}
const isPAYG = billing === 'pay-as-you-go';
const isEnterpriseConsumption = billing === 'enterprise-consumption';
const inactive = instanceStatus.state !== InstanceState.ACTIVE;
const { isCustomBilling } = instanceStatus;
@ -102,9 +101,7 @@ export const BillingInfo: FC<BillingInfoProps> = () => {
<StyledRow>
<StyledItemTitle>Current plan</StyledItemTitle>{' '}
<StyledItemValue>
{isPAYG && isEnterpriseConsumption
? 'Consumption'
: 'Pay-as-You-Go'}
{isPAYG ? 'Pay-as-You-Go' : 'Consumption'}
</StyledItemValue>
</StyledRow>
<StyledRow>