fix: answer icons

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

@@ -59,91 +59,46 @@ interface Props {
   isDragging: boolean;
 }
 
-const IconAndrom = (isExpanded: boolean, switchState: string) => {
+const IconAndrom = (switchState: string) => {
   switch (switchState) {
     case "variant":
-      return (
+      return <Answer color="#9A9AAF" sx={{ height: "22px", width: "20px" }} />;
-        <Answer
-          color={isExpanded ? "#9A9AAF" : "#7E2AEA"}
-          sx={{ height: "22px", width: "20px" }}
-        />
-      );
     case "images":
       return (
-        <OptionsPict
+        <OptionsPict color="#9A9AAF" sx={{ height: "22px", width: "20px" }} />
-          color={isExpanded ? "#9A9AAF" : "#7E2AEA"}
-          sx={{ height: "22px", width: "20px" }}
-        />
       );
     case "varimg":
       return (
         <OptionsAndPict
-          color={isExpanded ? "#9A9AAF" : "#7E2AEA"}
+          color="#9A9AAF"
           sx={{ height: "22px", width: "20px" }}
         />
       );
     case "emoji":
-      return (
+      return <Emoji color="#9A9AAF" sx={{ height: "22px", width: "20px" }} />;
-        <Emoji
-          color={isExpanded ? "#9A9AAF" : "#7E2AEA"}
-          sx={{ height: "22px", width: "20px" }}
-        />
-      );
     case "text":
-      return (
+      return <Input color="#9A9AAF" sx={{ height: "22px", width: "20px" }} />;
-        <Input
-          color={isExpanded ? "#9A9AAF" : "#7E2AEA"}
-          sx={{ height: "22px", width: "20px" }}
-        />
-      );
     case "select":
       return (
-        <DropDown
+        <DropDown color="#9A9AAF" sx={{ height: "22px", width: "20px" }} />
-          color={isExpanded ? "#9A9AAF" : "#7E2AEA"}
-          sx={{ height: "22px", width: "20px" }}
-        />
       );
     case "date":
-      return (
+      return <Date color="#9A9AAF" sx={{ height: "22px", width: "20px" }} />;
-        <Date
-          color={isExpanded ? "#9A9AAF" : "#7E2AEA"}
-          sx={{ height: "22px", width: "20px" }}
-        />
-      );
     case "number":
-      return (
+      return <Slider color="#9A9AAF" sx={{ height: "22px", width: "20px" }} />;
-        <Slider
-          color={isExpanded ? "#9A9AAF" : "#7E2AEA"}
-          sx={{ height: "22px", width: "20px" }}
-        />
-      );
     case "file":
       return (
-        <Download
+        <Download color="#9A9AAF" sx={{ height: "22px", width: "20px" }} />
-          color={isExpanded ? "#9A9AAF" : "#7E2AEA"}
-          sx={{ height: "22px", width: "20px" }}
-        />
       );
     case "page":
-      return (
+      return <Page color="#9A9AAF" sx={{ height: "22px", width: "20px" }} />;
-        <Page
-          color={isExpanded ? "#9A9AAF" : "#7E2AEA"}
-          sx={{ height: "22px", width: "20px" }}
-        />
-      );
     case "rating":
       return (
-        <RatingIcon
+        <RatingIcon color="#9A9AAF" sx={{ height: "22px", width: "20px" }} />
-          color={isExpanded ? "#9A9AAF" : "#7E2AEA"}
-          sx={{ height: "22px", width: "20px" }}
-        />
       );
     default:
       return (
-        <AnswerGroup
+        <AnswerGroup color="#9A9AAF" sx={{ height: "22px", width: "20px" }} />
-          color={isExpanded ? "#9A9AAF" : "#7E2AEA"}
-          sx={{ height: "22px", width: "20px" }}
-        />
       );
   }
 };
@@ -209,7 +164,7 @@ export default function QuestionsPageCard({
                     sx={{ cursor: "pointer" }}
                     onClick={() => setOpen((isOpened) => !isOpened)}
                   >
-                    {IconAndrom(question.expanded, question.type)}
+                    {IconAndrom(question.type)}
                   </InputAdornment>
                   <ChooseAnswerModal
                     open={open}

src/pages/Questions/Form/FormQuestionsPage.tsx

@@ -92,9 +92,13 @@ export default function FormQuestionsPage() {
           }}
           onClick={() => {
             createQuestion(quizId);
-            updateQuestionsList<QuizQuestionBase>(quizId, 0, {
+            updateQuestionsList<QuizQuestionBase>(
-              expanded: true,
+              quizId,
-            });
+              listQuestions[quizId].length - 1 || 0,
+              {
+                expanded: true,
+              }
+            );
           }}
         >
           <AddAnswer color="#EEE4FC" />