From 4e54ae478f5cf1f9491850d2e94d36b582f2bec7 Mon Sep 17 00:00:00 2001
From: DmitriyB <dimasik_burdin@inbox.ru>
Date: Tue, 26 Jul 2022 13:34:17 +0500
Subject: [PATCH] =?UTF-8?q?=D0=B4=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB=D0=B5?=
 =?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=97=D0=B0=D1=8F=D0=B2=D0=BA=D0=B0=20=D0=BE=D1=84=D0=BE?=
 =?UTF-8?q?=D1=80=D0=BC=D0=BB=D0=B5=D0=BD=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/mainPart/button.tsx    |  4 ++-
 src/components/mainPart/form/form.tsx | 14 +++--------
 src/components/mainPart/mainPart.css  |  1 +
 src/components/mainPart/mainPart.tsx  | 35 +++++++++++++++++++++------
 4 files changed, 35 insertions(+), 19 deletions(-)

diff --git a/src/components/mainPart/button.tsx b/src/components/mainPart/button.tsx
index 1446f90..3b738ec 100644
--- a/src/components/mainPart/button.tsx
+++ b/src/components/mainPart/button.tsx
@@ -11,7 +11,9 @@ export const PinkButton:React.FC<TProps> = React.memo((props) => {
     return <button
         style={{width: props.width ? props.width : ''}}
         className="main-part-text-button"
-        onClick={() => props?.onClick()}
+        onClick={() => {
+            return props?.onClick ? props.onClick() : null;
+        }}
         type={props.type ? props.type : 'button'}
         >
             {props.textButton}
diff --git a/src/components/mainPart/form/form.tsx b/src/components/mainPart/form/form.tsx
index ccc2420..f674b24 100644
--- a/src/components/mainPart/form/form.tsx
+++ b/src/components/mainPart/form/form.tsx
@@ -7,8 +7,8 @@ import { StyledOptions } from "@emotion/styled";
 import { MUIStyledCommonProps } from "@mui/system";
 
 type TProps = {
-    // dateInfo: string
-    onSubmit: (data: FormData) => void
+    dateInfo: string
+    onSubmit: (data: FormData, date: string) => void
 }
 
 type FormData = {
@@ -20,12 +20,7 @@ type FormData = {
 export const Form:React.FC<TProps> = React.memo((props) => {    
     const {control, handleSubmit} = useForm<FormData>();
     const [isError, setIsError] = useState(false);
-    let inputPr: InputProps = {
-        
-    }
-    let a: StyledOptions<TextFieldProps> = {
-        
-    }
+    
     const CustomizedTextField = styled(TextField)`
         background: #322948;
         border-radius: 8px;
@@ -75,7 +70,7 @@ export const Form:React.FC<TProps> = React.memo((props) => {
             return
         }
         console.log(data)
-        props.onSubmit(data)
+        props.onSubmit(data, props.dateInfo)
     }
 
     return <div className="request-form-container">
@@ -140,7 +135,6 @@ export const Form:React.FC<TProps> = React.memo((props) => {
                     />
                 }
             />
-            {/* <input className="request-form-submit-button" type="submit" value={'Записаться на просмотр'}/> */}
             <PinkButton 
                 type="submit" 
                 textButton={'Записаться на просмотр'}
diff --git a/src/components/mainPart/mainPart.css b/src/components/mainPart/mainPart.css
index 33f1f84..7f30c12 100644
--- a/src/components/mainPart/mainPart.css
+++ b/src/components/mainPart/mainPart.css
@@ -64,6 +64,7 @@
 }
 
 .main-part-text-container {
+    z-index: 1;
     width: 800px;
     display: flex;
     flex-direction: column;
diff --git a/src/components/mainPart/mainPart.tsx b/src/components/mainPart/mainPart.tsx
index c93416f..34fc3c3 100644
--- a/src/components/mainPart/mainPart.tsx
+++ b/src/components/mainPart/mainPart.tsx
@@ -20,14 +20,14 @@ export const MainPart: React.FC = React.memo(() => {
     const changeContent = useRef(0);
     const [showBackground, setShowBackground] = useState<boolean>(false);
     const [planContent, setPlaneContent] = useState<JSX.Element>();
-    const [currentContent, setCurrentContent] = useState<JSX.Element>(
+    const defaultCurrentContent = 
         <ContentContainer 
-            titleText="Удаленная демонстрация жилого комплекса"
-            descriptText="Основанная на стриминге технология удаленной демонстрации позволяет познакомиться с жилым комплексом, не посещая офис продаж."
-            onClickButton={() => onClickStartDemo()}
-            textButton='Начать демонстрацию'
+                titleText="Удаленная демонстрация жилого комплекса"
+                descriptText="Основанная на стриминге технология удаленной демонстрации позволяет познакомиться с жилым комплексом, не посещая офис продаж."
+                onClickButton={() => onClickStartDemo()}
+                textButton='Начать демонстрацию'
         />
-    );
+    const [currentContent, setCurrentContent] = useState<JSX.Element>(defaultCurrentContent);
 
     useEffect(() => {
         // changeContent.current += 1;
@@ -100,15 +100,34 @@ export const MainPart: React.FC = React.memo(() => {
             <PlanContentContainer
                 title="Оформление"
                 date={dateTime}
-                content={<Form onSubmit={(data) => onSubmit(data)} />}
+                content={
+                    <Form 
+                        onSubmit={(data, date) => onSubmit(data, date)} 
+                        dateInfo={dateTime}
+                    />
+                }
                 isLegend={false}
             />
         )
         console.log(dateTime)
     }
 
-    function onSubmit(data: FormData) {
+    function onSubmit(data: FormData, date: string) {
+        setPlaneContent(null);
+        setCurrentContent(
+            <ContentContainer 
+                titleText="Просмотр запланирован"
+                descriptText="Дополнительная информация будет отправлена на указанный почтовый адрес или номер телефона."
+                textButton="На главную"
+                onClickButton={() => toMain()}
+            />
+        )
+        console.log(data, date)
+    }
 
+    function toMain() {
+        setCurrentContent(defaultCurrentContent);
+        disableBackground();
     }
 
     function enableBackground() {