fix: ButtonsOptions

src/pages/Questions/ButtonsOptions.tsx

@@ -193,7 +193,11 @@ export default function ButtonsOptions({
               )
             ) : (
               <>
-                {value !== "setting" && quize.config.type === "quize" && (
+                {(value !== "setting" ||
+                  quize.config.type === "quize" ||
+                  (value === "setting" &&
+                    quize.config.type === "form" &&
+                    question.type)) && (
                   <MiniButtonSetting
                     key={title}
                     onClick={() => {

src/pages/Questions/ButtonsOptionsAndPict.tsx

@@ -16,6 +16,7 @@ import { CopyIcon } from "../../assets/icons/questionsPage/CopyIcon";
 import { DeleteIcon } from "../../assets/icons/questionsPage/deleteIcon";
 import ImgIcon from "../../assets/icons/questionsPage/imgIcon";
 import { useParams } from "react-router-dom";
+import { quizStore } from "@root/quizes";
 import {
   questionStore,
   copyQuestion,
@@ -44,12 +45,14 @@ export default function ButtonsOptionsAndPict({
 }: Props) {
   const [buttonHover, setButtonHover] = useState<string>("");
   const quizId = Number(useParams().quizId);
+  const { listQuizes } = quizStore();
   const { listQuestions } = questionStore();
   const [openedReallyChangingModal, setOpenedReallyChangingModal] =
     useState<boolean>(false);
   const theme = useTheme();
   const isMobile = useMediaQuery(theme.breakpoints.down(790));
   const isIconMobile = useMediaQuery(theme.breakpoints.down(1050));
+  const quize = listQuizes[quizId];
   const question = listQuestions[quizId][totalIndex] as QuizQuestionBase;
 
   useEffect(() => {
@@ -146,6 +149,8 @@ export default function ButtonsOptionsAndPict({
           />
           {isIconMobile ? null : "Подсказка"}
         </MiniButtonSetting>
+        {quize.config.type === "quize" && (
+          <>
             <Tooltip
               arrow
               placement="right"
@@ -213,7 +218,9 @@ export default function ButtonsOptionsAndPict({
                       : theme.palette.grey3.main,
                   "&:hover": {
                     color:
-                  switchState === "branching" ? theme.palette.grey3.main : null,
+                      switchState === "branching"
+                        ? theme.palette.grey3.main
+                        : null,
                   },
                 }}
               >
@@ -244,9 +251,12 @@ export default function ButtonsOptionsAndPict({
                     ? theme.palette.brightPurple.main
                     : "transparent",
                 color:
-              switchState === "image" ? "#ffffff" : theme.palette.grey3.main,
+                  switchState === "image"
+                    ? "#ffffff"
+                    : theme.palette.grey3.main,
                 "&:hover": {
-              color: switchState === "image" ? theme.palette.grey3.main : null,
+                  color:
+                    switchState === "image" ? theme.palette.grey3.main : null,
                 },
               }}
             >
@@ -291,6 +301,8 @@ export default function ButtonsOptionsAndPict({
             >
               <VectorQuestions style={{ color: "#FC712F", fontSize: "9px" }} />
             </MiniButtonSetting>
+          </>
+        )}
       </Box>
       <Box
         sx={{
@@ -306,12 +318,6 @@ export default function ButtonsOptionsAndPict({
         >
           <CopyIcon style={{ color: "#4D4D4D" }} />
         </IconButton>
-        <IconButton
-          sx={{ borderRadius: "6px", padding: " 0px 2px" }}
-          onClick={() => copyQuestion(quizId, totalIndex)}
-        >
-          <CopyIcon color={"#4D4D4D"} />
-        </IconButton>
         <IconButton
           sx={{ borderRadius: "6px", padding: "2px" }}
           onClick={() => {

src/pages/Questions/Form/FormDraggableList/QuestionPageCard.tsx

@@ -201,6 +201,25 @@ export default function QuestionsPageCard({
             onChange={({ target }) => debounced(target.value)}
             sx={{ margin: "20px", width: "auto" }}
             InputProps={{
+              startAdornment: (
+                <Box>
+                  <InputAdornment
+                    ref={anchorRef}
+                    position="start"
+                    sx={{ cursor: "pointer" }}
+                    onClick={() => setOpen((isOpened) => !isOpened)}
+                  >
+                    {IconAndrom(question.expanded, question.type)}
+                  </InputAdornment>
+                  <ChooseAnswerModal
+                    open={open}
+                    onClose={() => setOpen(false)}
+                    anchorRef={anchorRef}
+                    totalIndex={totalIndex}
+                    switchState={question.type}
+                  />
+                </Box>
+              ),
               endAdornment: (
                 <>
                   <InputAdornment {...draggableProps} position="start">

src/pages/Questions/Form/FormTypeQuestions.tsx

@@ -1,10 +1,8 @@
 import { useState } from "react";
 import { useParams } from "react-router-dom";
-import { useDebouncedCallback } from "use-debounce";
 import { Box } from "@mui/material";
 
 import QuestionsMiniButton from "@ui_kit/QuestionsMiniButton";
-import CustomTextField from "@ui_kit/CustomTextField";
 import ButtonsOptions from "../ButtonsOptions";
 import SwitchAnswerOptions from "../answerOptions/switchAnswerOptions";
 
@@ -105,10 +103,6 @@ export default function FormTypeQuestions({ totalIndex }: Props) {
   const quizId = Number(useParams().quizId);
   const { listQuestions } = questionStore();
   const question = listQuestions[quizId][totalIndex] as QuizQuestionBase;
-  const debounced = useDebouncedCallback((title) => {
-    updateQuestionsList<QuizQuestionBase>(quizId, totalIndex, { title });
-  }, 1000);
-  console.log("listQuestions[quizId]", listQuestions[quizId]);
 
   return (
     <Box>