From e69309a544593a4fee9a39b4c9e7da669ee0076d Mon Sep 17 00:00:00 2001
From: Darya Umrikhina <darya.umrihina@onlyoffice.com>
Date: Thu, 1 Aug 2024 15:01:23 +0400
Subject: [PATCH] Login:Src:Confirm: change layout for confirm pages

---
 .../login/src/app/(root)/confirm/layout.tsx   | 30 ++++++++++++-------
 1 file changed, 20 insertions(+), 10 deletions(-)

diff --git a/packages/login/src/app/(root)/confirm/layout.tsx b/packages/login/src/app/(root)/confirm/layout.tsx
index ab3b1fad85..f8a643e544 100644
--- a/packages/login/src/app/(root)/confirm/layout.tsx
+++ b/packages/login/src/app/(root)/confirm/layout.tsx
@@ -25,6 +25,12 @@
 // International. See the License terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
 
 import ConfirmRoute from "@/components/ConfirmRoute";
+import {
+  StyledBody,
+  StyledContent,
+  StyledPage,
+} from "@/components/StyledConfirm.styled";
+
 import { getSettings } from "@/utils/actions";
 
 export default async function Layout({
@@ -35,15 +41,19 @@ export default async function Layout({
   const settings = await getSettings();
 
   return (
-    <>
-      {settings && typeof settings !== "string" && (
-        <ConfirmRoute
-          defaultPage={settings?.defaultPage}
-          socketUrl={settings?.socketUrl}
-        >
-          {children}
-        </ConfirmRoute>
-      )}
-    </>
+    <StyledPage id="confirm-page">
+      <StyledContent id="confirm-content">
+        <StyledBody id="confirm-body">
+          {settings && typeof settings !== "string" && (
+            <ConfirmRoute
+              defaultPage={settings?.defaultPage}
+              socketUrl={settings?.socketUrl}
+            >
+              {children}
+            </ConfirmRoute>
+          )}
+        </StyledBody>
+      </StyledContent>
+    </StyledPage>
   );
 }