SQuiz/frontPanel
2
0
Fork 0
Code Issues 10 Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: form

Browse Source
This commit is contained in:
IlyaDoronin 2023-10-13 15:23:39 +03:00
parent 2f9bc4decd
commit 935f26695e
2 changed files with 3 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
src/pages/Questions/Form/FormDraggableList/QuestionPageCard.tsx
View File

@ -1,17 +1,6 @@
import { useState, useRef, useEffect } from "react"; import { useState, useRef, useEffect } from "react";
import { useParams } from "react-router-dom"; import { useParams } from "react-router-dom";
import { import { Box, InputAdornment, Paper } from "@mui/material";
Box,
Checkbox,
FormControl,
FormControlLabel,
IconButton,
InputAdornment,
Paper,
TextField,
useMediaQuery,
useTheme,
} from "@mui/material";
import { useDebouncedCallback } from "use-debounce"; import { useDebouncedCallback } from "use-debounce";
import CustomTextField from "@ui_kit/CustomTextField"; import CustomTextField from "@ui_kit/CustomTextField";
@ -19,22 +8,9 @@ import { ChooseAnswerModal } from "./ChooseAnswerModal";
import FormTypeQuestions from "../FormTypeQuestions"; import FormTypeQuestions from "../FormTypeQuestions";
import SwitchQuestionsPage from "../../SwitchQuestionsPage"; import SwitchQuestionsPage from "../../SwitchQuestionsPage";
import { import { questionStore, updateQuestionsList } from "@root/questions";
questionStore,
updateQuestionsList,
createQuestion,
copyQuestion,
removeQuestion,
removeQuestionForce,
} from "@root/questions";
import ExpandLessIcon from "@mui/icons-material/ExpandLess";
import { DeleteIcon } from "@icons/questionsPage/deleteIcon";
import { OneIcon } from "@icons/questionsPage/OneIcon";
import { PointsIcon } from "@icons/questionsPage/PointsIcon"; import { PointsIcon } from "@icons/questionsPage/PointsIcon";
import { CopyIcon } from "@icons/questionsPage/CopyIcon";
import { CrossedEyeIcon } from "@icons/CrossedEyeIcon";
import { HideIcon } from "@icons/questionsPage/hideIcon";
import Answer from "@icons/questionsPage/answer"; import Answer from "@icons/questionsPage/answer";
import OptionsPict from "@icons/questionsPage/options_pict"; import OptionsPict from "@icons/questionsPage/options_pict";
import OptionsAndPict from "@icons/questionsPage/options_and_pict"; import OptionsAndPict from "@icons/questionsPage/options_and_pict";
@ -47,8 +23,6 @@ import Download from "@icons/questionsPage/download";
import Page from "@icons/questionsPage/page"; import Page from "@icons/questionsPage/page";
import RatingIcon from "@icons/questionsPage/rating"; import RatingIcon from "@icons/questionsPage/rating";
import AnswerGroup from "@icons/questionsPage/answerGroup"; import AnswerGroup from "@icons/questionsPage/answerGroup";
import { ArrowDownIcon } from "@icons/questionsPage/ArrowDownIcon";
import { ReactComponent as PlusIcon } from "../../../../assets/icons/plus.svg";
import type { DraggableProvidedDragHandleProps } from "react-beautiful-dnd"; import type { DraggableProvidedDragHandleProps } from "react-beautiful-dnd";
import type { QuizQuestionBase } from "../../../../model/questionTypes/shared"; import type { QuizQuestionBase } from "../../../../model/questionTypes/shared";
@ -107,12 +81,8 @@ export default function QuestionsPageCard({
draggableProps, draggableProps,
isDragging, isDragging,
}: Props) { }: Props) {
const [plusVisible, setPlusVisible] = useState<boolean>(false);
const [open, setOpen] = useState<boolean>(false); const [open, setOpen] = useState<boolean>(false);
const quizId = Number(useParams().quizId); const quizId = Number(useParams().quizId);
const theme = useTheme();
const isTablet = useMediaQuery(theme.breakpoints.down(1000));
const isMobile = useMediaQuery(theme.breakpoints.down(790));
const { listQuestions } = questionStore(); const { listQuestions } = questionStore();
const question = listQuestions[quizId][totalIndex] as QuizQuestionBase; const question = listQuestions[quizId][totalIndex] as QuizQuestionBase;
const anchorRef = useRef(null); const anchorRef = useRef(null);

3
src/pages/Questions/Form/FormQuestionsPage.tsx
View File

@ -1,4 +1,4 @@
import { Box, Button, IconButton, Typography, useTheme } from "@mui/material"; import { Box, Button, Typography, useTheme } from "@mui/material";
import { useParams } from "react-router-dom"; import { useParams } from "react-router-dom";
import { FormDraggableList } from "./FormDraggableList"; import { FormDraggableList } from "./FormDraggableList";
@ -10,7 +10,6 @@ import {
} from "@root/questions"; } from "@root/questions";
import { quizStore } from "@root/quizes"; import { quizStore } from "@root/quizes";
import AddPlus from "../../../assets/icons/questionsPage/addPlus";
import ArrowLeft from "../../../assets/icons/questionsPage/arrowLeft"; import ArrowLeft from "../../../assets/icons/questionsPage/arrowLeft";
import AddAnswer from "../../../assets/icons/questionsPage/addAnswer"; import AddAnswer from "../../../assets/icons/questionsPage/addAnswer";