import { Box, Link, Typography, ButtonBase, useTheme, useMediaQuery, InputAdornment, IconButton, Popover, TextareaAutosize, TextField, } from "@mui/material"; import { useParams } from "react-router-dom"; import AddImage from "../../../assets/icons/questionsPage/addImage"; import EnterIcon from "../../../assets/icons/questionsPage/enterIcon"; import ButtonsOptionsAndPict from "../ButtonsOptionsAndPict"; import SwitchOptionsAndPict from "./switchOptionsAndPict"; import React from "react"; import { questionStore, updateQuestionsList } from "@root/questions"; import { ImageAddIcons } from "@icons/ImageAddIcons"; import PointsIcon from "@icons/questionsPage/PointsIcon"; import MessageIcon from "@icons/messagIcon"; import DeleteIcon from "@icons/questionsPage/deleteIcon"; interface Props { totalIndex: number; } export default function OptionsAndPicture({ totalIndex }: Props) { const [switchState, setSwitchState] = React.useState("setting"); const { listQuestions } = questionStore(); const quizId = Number(useParams().quizId); const theme = useTheme(); const isTablet = useMediaQuery(theme.breakpoints.down(1000)); const isMobile = useMediaQuery(theme.breakpoints.down(790)); const SSHC = (data: string) => { setSwitchState(data); }; return ( <> {listQuestions[quizId][totalIndex].content.variants.map( (_, index) => ( { if (target.files?.length) { const clonContent = listQuestions[quizId][totalIndex].content; clonContent.variants[index].answer = URL.createObjectURL( target.files[0] ); updateQuestionsList(quizId, totalIndex, { content: clonContent, }); } }} hidden accept="image/*" multiple type="file" /> Добавьте ответ ) )} {!isMobile && ( )} ), endAdornment: ( ), }} sx={{ "& .MuiInputBase-root": { padding: "13.5px", borderRadius: "10px", background: "#ffffff", }, "& .MuiOutlinedInput-notchedOutline": { border: "none", }, }} inputProps={{ sx: { fontSize: "18px", lineHeight: "21px", py: 0 }, }} /> {isMobile && ( + )} { const clonContent = listQuestions[quizId][totalIndex].content; clonContent.variants.push({ answer: "", hints: "", emoji: "" }); updateQuestionsList(quizId, totalIndex, { content: clonContent }); }} > Добавьте ответ {isMobile ? null : ( <> или нажмите Enter )} ); }