fix problems with settings

SurveyFrontend/src/components/SettingSurvey/SettingSurvey.tsx

@@ -1,26 +1,40 @@
-import React from 'react';
+import React, {useState} from 'react';
 import SurveyInfo from "../SurveyInfo/SurveyInfo.tsx";
 import styles from "./SettingSurvey.module.css";
 import TimeEvent from "../TimeEvent/TimeEvent.tsx";
 import SaveButton from "../SaveButton/SaveButton.tsx";
 import {ISurvey} from "../../api/SurveyApi.ts";
-import {useOutletContext} from "react-router-dom";
+import {useLocation, useOutletContext} from "react-router-dom";
 
 
 const SettingSurvey: React.FC = () => {
+    const location = useLocation();
+    const isSettingCreatePage = location.pathname.includes('/survey/create');
     const { survey, setSurvey } = useOutletContext<{
         survey: ISurvey;
         setSurvey: (survey: ISurvey) => void;
     }>();
 
+    const [descriptionSurvey, setDescriptionSurvey] = useState('');
+    const [titleSurvey, setTitleSurvey] = useState('');
+
     return (
         <div className={styles.settingSurvey}>
-            <SurveyInfo
-                titleSurvey={survey.title}
-                descriptionSurvey={survey.description}
-                setDescriptionSurvey={(value) => setSurvey({ ...survey, description: value })}
-                setTitleSurvey={(value) => setSurvey({ ...survey, title: value })}
-            />
+            {isSettingCreatePage ? (
+                <SurveyInfo
+                    titleSurvey={titleSurvey}
+                    descriptionSurvey={descriptionSurvey}
+                    setDescriptionSurvey={setDescriptionSurvey}
+                    setTitleSurvey={setTitleSurvey}
+                />
+                ) : (
+                <SurveyInfo
+                    titleSurvey={survey.title}
+                    descriptionSurvey={survey.description}
+                    setDescriptionSurvey={(value) => setSurvey({ ...survey, description: value })}
+                    setTitleSurvey={(value) => setSurvey({ ...survey, title: value })}
+                />
+            )}
             <div className={styles.startEndTime}>
                 <TimeEvent title='Время начала'/>
                 <TimeEvent title='Время окончания'/>