From 6cb740b79cf7838eadfc69a8dd0f214dea1e101f Mon Sep 17 00:00:00 2001
From: Dmitry Koviazin <dkovyazin@doma.ai>
Date: Thu, 21 Nov 2024 17:08:56 +0500
Subject: [PATCH] fix(condo): Doma-10475 spp banners fix (#5521)

* fix(condo): DOMA-10475 fix banners after QA tests

* fix(condo): DOMA-10475 fix banners after QA tests
---
 .../domains/miniapp/components/AppIndex/BillingAppPage.tsx   | 4 +++-
 apps/condo/pages/service-provider-profile.tsx                | 5 ++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/apps/condo/domains/miniapp/components/AppIndex/BillingAppPage.tsx b/apps/condo/domains/miniapp/components/AppIndex/BillingAppPage.tsx
index 497ffda6624..3dfd388bde9 100644
--- a/apps/condo/domains/miniapp/components/AppIndex/BillingAppPage.tsx
+++ b/apps/condo/domains/miniapp/components/AppIndex/BillingAppPage.tsx
@@ -14,9 +14,10 @@ import { IFrame } from '@condo/domains/miniapp/components/IFrame'
 
 type BillingAppPageProps = {
     id: string
+    children?: React.ReactNode
 }
 
-export const BillingAppPage: React.FC<BillingAppPageProps> = ({ id }) => {
+export const BillingAppPage: React.FC<BillingAppPageProps> = ({ id, children }) => {
     const intl = useIntl()
     const FallbackPageTitle = intl.formatMessage({ id: 'global.section.miniapps' })
 
@@ -47,6 +48,7 @@ export const BillingAppPage: React.FC<BillingAppPageProps> = ({ id }) => {
                 <title>{appName || FallbackPageTitle}</title>
             </Head>
             <PageWrapper>
+                {children}
                 <PageHeader title={<Typography.Title level={1}>{appName || FallbackPageTitle}</Typography.Title>} spaced/>
                 <PageContent>
                     {appUrl && (
diff --git a/apps/condo/pages/service-provider-profile.tsx b/apps/condo/pages/service-provider-profile.tsx
index a368e1729d4..4c178898077 100644
--- a/apps/condo/pages/service-provider-profile.tsx
+++ b/apps/condo/pages/service-provider-profile.tsx
@@ -29,10 +29,9 @@ const ServiceProviderProfilePage: PageType = () => {
 
     if (sppConfig && 'BillingIntegrationId' in sppConfig && isSPPOrg) {
         return (
-            <>
+            <BillingAppPage id={sppConfig.BillingIntegrationId}>
                 {GlobalHints}
-                <BillingAppPage id={sppConfig.BillingIntegrationId}/>
-            </>
+            </BillingAppPage>
         )
     }