chore: adapt billing page to custom billing scenarios

Unleash · Nov 26, 2024 · 13fbcec · 13fbcec
1 parent 14403d7
commit 13fbcec
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 11 deletions.
diff --git a/...nd/src/component/admin/billing/BillingDashboard/BillingInformation/BillingInformation.tsx b/...nd/src/component/admin/billing/BillingDashboard/BillingInformation/BillingInformation.tsx
@@ -46,26 +46,40 @@ export const BillingInformation = () => {
 
     const plan = `${instanceStatus.plan}${isPAYG ? ' Pay-as-You-Go' : ''}`;
     const inactive = instanceStatus.state !== InstanceState.ACTIVE;
+    const { isCustomBilling } = instanceStatus;
 
     return (
         <Grid item xs={12} md={5}>
             <StyledInfoBox>
                 <StyledTitle variant='body1'>Billing information</StyledTitle>
                 <ConditionallyRender
-                    condition={inactive}
+                    condition={Boolean(isCustomBilling)}
                     show={
-                        <StyledAlert severity='warning'>
-                            In order to <strong>Upgrade trial</strong> you need
-                            to provide us your billing information.
-                        </StyledAlert>
+                        <StyledInfoLabel>
+                            Your billing is managed by Unleash
+                        </StyledInfoLabel>
+                    }
+                    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 />
                 <StyledInfoLabel>
                     <a

diff --git a/frontend/src/interfaces/instance.ts b/frontend/src/interfaces/instance.ts
@@ -7,6 +7,7 @@ export interface IInstanceStatus {
     state?: InstanceState;
     seats?: number;
     minSeats?: number;
+    isCustomBilling?: boolean;
 }
 
 export enum InstanceState {