From cb11510744db5a7d27f4896d50e8f3b19240b5cc Mon Sep 17 00:00:00 2001
From: Nastya <nastyab015@yandex.ru>
Date: Fri, 13 Sep 2024 19:33:46 +0300
Subject: [PATCH] =?UTF-8?q?fix=20=D0=B4=D0=BE=D0=B1=D0=B0=D0=B2=D1=8C?=
 =?UTF-8?q?=D1=82=D0=B5=20=D0=BE=D1=82=D0=B2=D0=B5=D1=82=20&=20=D1=83=20va?=
 =?UTF-8?q?rimg=20=D0=B5=D1=81=D1=82=D1=8C=20=D0=BC=D0=BD=D0=BE=D0=B3?=
 =?UTF-8?q?=D0=BE=D1=81=D1=82=D1=80=D0=BE=D1=87=D0=BD=20=D0=BE=D1=82=D0=B2?=
 =?UTF-8?q?=D0=B5=D1=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Questions/DropDown/DropDown.tsx     |  2 +-
 .../SettingOptionsAndPict.tsx                 | 36 ++++++++++++-------
 .../OptionsPicture/OptionsPicture.tsx         |  2 +-
 .../answerOptions/AnswerOptions.tsx           |  2 +-
 4 files changed, 27 insertions(+), 15 deletions(-)

diff --git a/src/pages/Questions/DropDown/DropDown.tsx b/src/pages/Questions/DropDown/DropDown.tsx
index fd6640c9..1059e61d 100644
--- a/src/pages/Questions/DropDown/DropDown.tsx
+++ b/src/pages/Questions/DropDown/DropDown.tsx
@@ -16,7 +16,7 @@ interface Props {
 }
 
 export default function DropDown({ question, openBranchingPage, setOpenBranchingPage }: Props) {
-  const onClickAddAnAnswer = useAddAnswer();
+  const {onClickAddAnAnswer} = useAddAnswer();
   const [switchState, setSwitchState] = useState("setting");
   const theme = useTheme();
   const isMobile = useMediaQuery(theme.breakpoints.down(790));
diff --git a/src/pages/Questions/QuestionOptions/OptionsAndPicture/SettingOptionsAndPict.tsx b/src/pages/Questions/QuestionOptions/OptionsAndPicture/SettingOptionsAndPict.tsx
index fe5e15cc..75d8e9c6 100644
--- a/src/pages/Questions/QuestionOptions/OptionsAndPicture/SettingOptionsAndPict.tsx
+++ b/src/pages/Questions/QuestionOptions/OptionsAndPicture/SettingOptionsAndPict.tsx
@@ -19,13 +19,13 @@ type SettingOptionsAndPictProps = {
 
 const SettingOptionsAndPict = memo<SettingOptionsAndPictProps>(function ({ question, questionId, ownPlaceholder, isMulti, isLargeCheck, replText, isRequired, isOwn }) {
   const theme = useTheme();
-  const {switchOwn} = useAddAnswer();
+  const { switchOwn } = useAddAnswer();
 
   const isWrappColumn = useMediaQuery(theme.breakpoints.down(980));
   const isFigmaTablte = useMediaQuery(theme.breakpoints.down(990));
   const isTablet = useMediaQuery(theme.breakpoints.down(985));
   const isMobile = useMediaQuery(theme.breakpoints.down(680));
-  
+
 
   const setReplText = (replText: string) => {
     updateQuestion(questionId, (question) => {
@@ -66,16 +66,27 @@ const SettingOptionsAndPict = memo<SettingOptionsAndPictProps>(function ({ quest
             }}
           >
             Настройки ответов
-          </Typography> 
-        <CustomCheckbox
-          dataCy="checkbox-own-answer"
-          sx={{ mr: isMobile ? "0px" : "16px" }}
-          label={'Вариант "свой ответ"'}
-          checked={isOwn}
-          handleChange={({ target }) => {
-            switchOwn({question, checked:target.checked})
-          }}
-        />
+          </Typography>
+          <CustomCheckbox
+            dataCy="checkbox-own-answer"
+            sx={{ mr: isMobile ? "0px" : "16px" }}
+            label={'Вариант "свой ответ"'}
+            checked={isOwn}
+            handleChange={({ target }) => {
+              switchOwn({ question, checked: target.checked })
+            }}
+          />
+          <CustomCheckbox
+            dataCy="checkbox-long-text-answer"
+            sx={{ mr: isMobile ? "0px" : "16px" }}
+            label={"Многострочный ответ"}
+            checked={isLargeCheck}
+            handleChange={({ target }) => {
+              updateQuestion<QuizQuestionVariant>(questionId, (question) => {
+                question.content.largeCheck = target.checked;
+              });
+            }}
+          />
           {!isWrappColumn && (
             <Box sx={{ mt: isMobile ? "11px" : "6px", width: "100%" }}>
               <Typography
@@ -119,6 +130,7 @@ const SettingOptionsAndPict = memo<SettingOptionsAndPictProps>(function ({ quest
               fontWeight: "500",
               fontSize: "18px",
               color: " #4D4D4D",
+              mt: isMobile ? "10px" : ""
             }}
           >
             Настройки вопросов
diff --git a/src/pages/Questions/QuestionOptions/OptionsPicture/OptionsPicture.tsx b/src/pages/Questions/QuestionOptions/OptionsPicture/OptionsPicture.tsx
index a4543324..2c289051 100644
--- a/src/pages/Questions/QuestionOptions/OptionsPicture/OptionsPicture.tsx
+++ b/src/pages/Questions/QuestionOptions/OptionsPicture/OptionsPicture.tsx
@@ -21,7 +21,7 @@ interface Props {
 
 export default function OptionsPicture({ question, openBranchingPage, setOpenBranchingPage }: Props) {
   const theme = useTheme();
-  const onClickAddAnAnswer = useAddAnswer();
+  const {onClickAddAnAnswer} = useAddAnswer();
   const quizQid = useCurrentQuiz()?.qid;
   const [pictureUploding, setPictureUploading] = useState<boolean>(false);
   const [selectedVariantId, setSelectedVariantId] = useState<string | null>(null);
diff --git a/src/pages/Questions/QuestionOptions/answerOptions/AnswerOptions.tsx b/src/pages/Questions/QuestionOptions/answerOptions/AnswerOptions.tsx
index 889db861..5f55e6c5 100755
--- a/src/pages/Questions/QuestionOptions/answerOptions/AnswerOptions.tsx
+++ b/src/pages/Questions/QuestionOptions/answerOptions/AnswerOptions.tsx
@@ -15,7 +15,7 @@ interface Props {
 }
 
 export default function AnswerOptions({ question, openBranchingPage, setOpenBranchingPage }: Props) {
-  const onClickAddAnAnswer = useAddAnswer();
+  const {onClickAddAnAnswer} = useAddAnswer();
   const [switchState, setSwitchState] = useState("setting");
   const theme = useTheme();
   const isMobile = useMediaQuery(theme.breakpoints.down(790));