сверстан контейнер после нажатия на кнопку Начать новую демонстрацию

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}                

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;

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() {