diff --git a/src/pages/startPage/StartPageSettings.tsx b/src/pages/startPage/StartPageSettings.tsx index e77be9b4..c1b0d330 100755 --- a/src/pages/startPage/StartPageSettings.tsx +++ b/src/pages/startPage/StartPageSettings.tsx @@ -2,7 +2,6 @@ import AlignCenterIcon from "@icons/AlignCenterIcon"; import AlignLeftIcon from "@icons/AlignLeftIcon"; import AlignRightIcon from "@icons/AlignRightIcon"; import ArrowDown from "@icons/ArrowDownIcon"; -import InfoIcon from "@icons/InfoIcon"; import LayoutCenteredIcon from "@icons/LayoutCenteredIcon"; import LayoutExpandedIcon from "@icons/LayoutExpandedIcon"; import LayoutStandartIcon from "@icons/LayoutStandartIcon"; @@ -11,16 +10,14 @@ import { QuizStartpageType } from "@model/quizSettings"; import { Box, Button, - ButtonBase, Checkbox, FormControl, FormControlLabel, MenuItem, Select, - Tooltip, Typography, useMediaQuery, - useTheme, + useTheme } from "@mui/material"; import { incrementCurrentStep, updateQuiz, uploadQuizImage } from "@root/quizes/actions"; import { useCurrentQuiz } from "@root/quizes/hooks"; @@ -28,16 +25,14 @@ import CustomCheckbox from "@ui_kit/CustomCheckbox"; import CustomTextField from "@ui_kit/CustomTextField"; import SelectableButton from "@ui_kit/SelectableButton"; import { StartPagePreview } from "@ui_kit/StartPagePreview"; -import UploadBox from "@ui_kit/UploadBox"; +import { resizeFavIcon } from "@ui_kit/reactImageFileResizer"; import { useState } from "react"; import { createPortal } from "react-dom"; -import UploadIcon from "../../assets/icons/UploadIcon"; +import FaviconDropZone from "./FaviconDropZone"; import ModalSizeImage from "./ModalSizeImage"; import SelectableIconButton from "./SelectableIconButton"; import { DropZone } from "./dropZone"; import Extra from "./extra"; -import { resizeFavIcon } from "@ui_kit/reactImageFileResizer"; -import FaviconDropZone from "./FaviconDropZone"; const designTypes = [ @@ -66,25 +61,15 @@ export default function StartPageSettings() { const isTablet = useMediaQuery(theme.breakpoints.down(950)); const quiz = useCurrentQuiz(); const [formState, setFormState] = useState<"design" | "content">("design"); - - const designType = quiz?.config?.startpageType; - - const videoHC = (videoInp: HTMLInputElement) => { - const file = videoInp.files?.[0]; - - if (file) { - setVideo(URL.createObjectURL(file)); - } - }; - - const [video, setVideo] = useState(""); - const [mobileVersion, setMobileVersion] = useState(false); + + if (!quiz) return null; // TODO throw and catch with error boundary + const MobileVersionHC = (bool: boolean) => { setMobileVersion(bool); }; - - if (!quiz) return null; // TODO throw and catch with error boundary + + const designType = quiz?.config?.startpageType; const favIconDropZoneElement = ( - - - Добавить видео - - - - - - - - - videoHC(event.target)} - hidden - accept=".mp4" - multiple - type="file" - /> - } - sx={{ - height: "48px", - width: "48px", - marginBottom: "20px", - }} - /> - - {video ?