From ab1e221adaeb1878e3371799c49914fb89e3f9c3 Mon Sep 17 00:00:00 2001
From: Nastya <nastyab015@yandex.ru>
Date: Wed, 28 May 2025 10:19:25 +0300
Subject: [PATCH] detailedAnswer multi

---
 .../OwnTextField/settingTextField.tsx         | 34 ++++++++++++++++++-
 .../OwnTextField/switchTextField.tsx          |  2 ++
 2 files changed, 35 insertions(+), 1 deletion(-)

diff --git a/src/pages/Questions/OwnTextField/settingTextField.tsx b/src/pages/Questions/OwnTextField/settingTextField.tsx
index b7c51ac4..cff36abf 100644
--- a/src/pages/Questions/OwnTextField/settingTextField.tsx
+++ b/src/pages/Questions/OwnTextField/settingTextField.tsx
@@ -23,10 +23,12 @@ type SettingTextFieldProps = {
   questionId: string;
   isRequired: boolean;
   isAutofill: boolean;
+  multi: boolean;
+  detailedAnswer: boolean;
   answerType: Answer;
 };
 
-const SettingTextField = memo<SettingTextFieldProps>(function ({ questionId, isRequired, isAutofill, answerType }) {
+const SettingTextField = memo<SettingTextFieldProps>(function ({ questionId, isRequired, detailedAnswer, multi, isAutofill, answerType }) {
   const theme = useTheme();
   const isMobile = useMediaQuery(theme.breakpoints.down(790));
   const isTablet = useMediaQuery(theme.breakpoints.down(900));
@@ -145,6 +147,36 @@ const SettingTextField = memo<SettingTextFieldProps>(function ({ questionId, isR
             });
           }}
         />
+        <CustomCheckbox
+          dataCy="checkbox-optional-question"
+          sx={{
+            display: isMobile ? "flex" : "block",
+            mr: isMobile ? "0px" : "16px",
+            alignItems: isMobile ? "flex-end" : "center",
+          }}
+          label={"Развёрнутый ответ"}
+          checked={!detailedAnswer}
+          handleChange={(e) => {
+            updateQuestion<QuizQuestionText>(questionId, (question) => {
+              question.content.detailedAnswer = !e.target.checked;
+            });
+          }}
+        />
+        <CustomCheckbox
+          dataCy="checkbox-optional-question"
+          sx={{
+            display: isMobile ? "flex" : "block",
+            mr: isMobile ? "0px" : "16px",
+            alignItems: isMobile ? "flex-end" : "center",
+          }}
+          label={"Многострочный ответ"}
+          checked={!multi}
+          handleChange={(e) => {
+            updateQuestion<QuizQuestionText>(questionId, (question) => {
+              question.content.multi = !e.target.checked;
+            });
+          }}
+        />
       </Box>
     </Box>
   );
diff --git a/src/pages/Questions/OwnTextField/switchTextField.tsx b/src/pages/Questions/OwnTextField/switchTextField.tsx
index d712c9d0..0db6bccd 100644
--- a/src/pages/Questions/OwnTextField/switchTextField.tsx
+++ b/src/pages/Questions/OwnTextField/switchTextField.tsx
@@ -17,6 +17,8 @@ export default function SwitchTextField({ switchState = "setting", question }: P
           isRequired={question.content.required}
           isAutofill={question.content.autofill}
           answerType={question.content.answerType}
+          detailedAnswer={Boolean(question.content?.detailedAnswer)}
+          multi={Boolean(question.content?.multi)}
         />
       );
     case "image":