Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-01-25 00:07:47 +01:00
Code Issues Projects Releases Wiki Activity

chore: adapt billing page to custom billing scenarios (#8862)

Browse Source 
https://linear.app/unleash/issue/2-3030/improve-the-billing-page-behavior-for-instances-with-custom-billing

Adapts the billing page to support custom billing scenarios.

Here’s how it will appear in such cases (notice a new "Your billing is
managed by Unleash" text, with no visible button to update billing
information):


![image](https://github.com/user-attachments/assets/39d7418a-1f22-41b3-9360-ca7c40a2ce7d)
This commit is contained in:
Nuno Góis 2024-11-27 08:59:25 +00:00 committed by GitHub
parent db02918a35
commit 29c0a3a557
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 26 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
frontend/src/component/admin/billing/BillingDashboard/BillingInformation/BillingInformation.tsx
View File

@ -46,26 +46,40 @@ export const BillingInformation = () => {
const plan = `${instanceStatus.plan}${isPAYG ? ' Pay-as-You-Go' : ''}`; const plan = `${instanceStatus.plan}${isPAYG ? ' Pay-as-You-Go' : ''}`;
const inactive = instanceStatus.state !== InstanceState.ACTIVE; const inactive = instanceStatus.state !== InstanceState.ACTIVE;
const { isCustomBilling } = instanceStatus;
return ( return (
<Grid item xs={12} md={5}> <Grid item xs={12} md={5}>
<StyledInfoBox> <StyledInfoBox>
<StyledTitle variant='body1'>Billing information</StyledTitle> <StyledTitle variant='body1'>Billing information</StyledTitle>
<ConditionallyRender <ConditionallyRender
condition={inactive} condition={Boolean(isCustomBilling)}
show={ show={
<StyledAlert severity='warning'> <StyledInfoLabel>
In order to <strong>Upgrade trial</strong> you need Your billing is managed by Unleash
to provide us your billing information. </StyledInfoLabel>
</StyledAlert> }
elseShow={
<>
<ConditionallyRender
condition={inactive}
show={
<StyledAlert severity='warning'>
In order to{' '}
<strong>Upgrade trial</strong> you need
to provide us your billing information.
</StyledAlert>
}
/>
<BillingInformationButton update={!inactive} />
<StyledInfoLabel>
{inactive
? 'Once we have received your billing information we will upgrade your trial within 1 business day'
: 'Update your credit card and business information and change which email address we send invoices to'}
</StyledInfoLabel>
</>
} }
/> />
<BillingInformationButton update={!inactive} />
<StyledInfoLabel>
{inactive
? 'Once we have received your billing information we will upgrade your trial within 1 business day'
: 'Update your credit card and business information and change which email address we send invoices to'}
</StyledInfoLabel>
<StyledDivider /> <StyledDivider />
<StyledInfoLabel> <StyledInfoLabel>
<a <a

1
frontend/src/interfaces/instance.ts
View File

@ -7,6 +7,7 @@ export interface IInstanceStatus {
state?: InstanceState; state?: InstanceState;
seats?: number; seats?: number;
minSeats?: number; minSeats?: number;
isCustomBilling?: boolean;
} }
export enum InstanceState { export enum InstanceState {