From d4c6e27616d20221efa9ece849786cd30bbbf845 Mon Sep 17 00:00:00 2001
From: DmitriyB <dimasik_burdin@inbox.ru>
Date: Mon, 25 Jul 2022 16:59:30 +0530
Subject: [PATCH] =?UTF-8?q?=D1=81=D0=B2=D0=B5=D1=80=D1=81=D1=82=D0=B0?=
 =?UTF-8?q?=D0=BD=20=D0=BA=D0=BE=D0=BD=D1=82=D0=B5=D0=B9=D0=BD=D0=B5=D1=80?=
 =?UTF-8?q?=20=D0=BF=D0=BE=D1=81=D0=BB=D0=B5=20=D0=BD=D0=B0=D0=B6=D0=B0?=
 =?UTF-8?q?=D1=82=D0=B8=D1=8F=20=D0=BD=D0=B0=20=D0=BA=D0=BD=D0=BE=D0=BF?=
 =?UTF-8?q?=D0=BA=D1=83=20=D0=9D=D0=B0=D1=87=D0=B0=D1=82=D1=8C=20=D0=BD?=
 =?UTF-8?q?=D0=BE=D0=B2=D1=83=D1=8E=20=D0=B4=D0=B5=D0=BC=D0=BE=D0=BD=D1=81?=
 =?UTF-8?q?=D1=82=D1=80=D0=B0=D1=86=D0=B8=D1=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/mainPart/contentContainer.tsx |  5 +++++
 src/components/mainPart/mainPart.css         |  7 +++++++
 src/components/mainPart/mainPart.tsx         | 10 +++++++++-
 3 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/src/components/mainPart/contentContainer.tsx b/src/components/mainPart/contentContainer.tsx
index 2f96a02..6f3e717 100644
--- a/src/components/mainPart/contentContainer.tsx
+++ b/src/components/mainPart/contentContainer.tsx
@@ -6,6 +6,7 @@ type TProps = {
     onClickButton: () => void
     titleText?: string
     descriptText: string
+    accessCode?: string
 }
 
 export const ContentContainer:React.FC<TProps> = React.memo((props) => {
@@ -19,6 +20,10 @@ export const ContentContainer:React.FC<TProps> = React.memo((props) => {
         <span className="main-part-text-descript">
             {props.descriptText}
         </span>
+        {
+            props.accessCode &&
+            <span className="main-part-text-access-code">{props.accessCode}</span>
+        }
         <PinkButton
             onClick={props.onClickButton}
             textButton={props.textButton}                
diff --git a/src/components/mainPart/mainPart.css b/src/components/mainPart/mainPart.css
index e1b7cfe..c38816b 100644
--- a/src/components/mainPart/mainPart.css
+++ b/src/components/mainPart/mainPart.css
@@ -82,6 +82,13 @@
     max-width: 450px;
 }
 
+.main-part-text-access-code {
+    font-weight: 400;
+    font-size: 56px;
+    line-height: 130%;
+    letter-spacing: 16px;
+}
+
 .main-part-text-button {
     width: 320px;
     height: 60px;
diff --git a/src/components/mainPart/mainPart.tsx b/src/components/mainPart/mainPart.tsx
index 4f6dfa0..5519ce1 100644
--- a/src/components/mainPart/mainPart.tsx
+++ b/src/components/mainPart/mainPart.tsx
@@ -40,7 +40,15 @@ export const MainPart: React.FC = React.memo(() => {
     }
 
     function onClickCreateNewDemo() {
-
+        setCurrentContent(
+            <ContentContainer 
+                titleText="Демонстрация запущена"
+                descriptText="Код для подключения к демонстрации:"
+                onClickButton={() => onClickConnect()}
+                textButton='Подключиться'
+                accessCode="1876"
+            />
+        )
     }
 
     function onClickPlaneDemo() {