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

feat: StartPage public and view buttons

Browse Source
This commit is contained in:
IlyaDoronin 2023-10-31 16:37:30 +03:00
parent 8b239c505c
commit 34a01a5c1c
2 changed files with 50 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
src/pages/startPage/StartPage.tsx
View File

@ -223,6 +223,47 @@ export default function StartPage() {
createResult={listQuizes[params].createResult} createResult={listQuizes[params].createResult}
/> />
</Box> </Box>
{isTablet && activeStep === 1 && (
<Box
sx={{
position: "absolute",
left: isMobile ? 0 : "230px",
bottom: 0,
width: isMobile ? "100%" : "calc(100% - 230px)",
padding: "20px 40px",
display: "flex",
justifyContent: "flex-end",
gap: "15px",
background: "#FFF",
}}
>
<Button
variant="outlined"
startIcon={<EyeIcon />}
sx={{
color: theme.palette.brightPurple.main,
fontSize: "14px",
lineHeight: "18px",
height: "34px",
"& .MuiButton-startIcon": {
mr: "3px",
},
}}
>
Предпросмотр
</Button>
<Button
variant="contained"
sx={{
fontSize: "14px",
lineHeight: "18px",
height: "34px",
}}
>
Опубликовать
</Button>
</Box>
)}
</Box> </Box>
</> </>
); );

18
src/pages/startPage/StartPageSettings.tsx
View File

@ -14,21 +14,21 @@ import {
} from "@mui/material"; } from "@mui/material";
import { ChangeEvent, useState } from "react"; import { ChangeEvent, useState } from "react";
import CustomCheckbox from "@ui_kit/CustomCheckbox"; import CustomCheckbox from "@ui_kit/CustomCheckbox";
import AlignLeftIcon from "../../assets/icons/AlignLeftIcon"; import AlignLeftIcon from "@icons/AlignLeftIcon";
import AlignRightIcon from "../../assets/icons/AlignRightIcon"; import AlignRightIcon from "@icons/AlignRightIcon";
import ArrowDown from "../../assets/icons/ArrowDownIcon"; import ArrowDown from "@icons/ArrowDownIcon";
import InfoIcon from "../../assets/icons/InfoIcon"; import InfoIcon from "@icons/InfoIcon";
import LayoutCenteredIcon from "../../assets/icons/LayoutCenteredIcon"; import LayoutCenteredIcon from "@icons/LayoutCenteredIcon";
import LayoutExpandedIcon from "../../assets/icons/LayoutExpandedIcon"; import LayoutExpandedIcon from "@icons/LayoutExpandedIcon";
import LayoutStandartIcon from "../../assets/icons/LayoutStandartIcon"; import LayoutStandartIcon from "@icons/LayoutStandartIcon";
import MobilePhoneIcon from "../../assets/icons/MobilePhoneIcon"; import MobilePhoneIcon from "@icons/MobilePhoneIcon";
import UploadIcon from "../../assets/icons/UploadIcon"; import UploadIcon from "../../assets/icons/UploadIcon";
import SelectableButton from "@ui_kit/SelectableButton"; import SelectableButton from "@ui_kit/SelectableButton";
import SelectableIconButton from "./SelectableIconButton"; import SelectableIconButton from "./SelectableIconButton";
import UploadBox from "@ui_kit/UploadBox"; import UploadBox from "@ui_kit/UploadBox";
import CustomTextField from "@ui_kit/CustomTextField"; import CustomTextField from "@ui_kit/CustomTextField";
import { quizStore } from "@root/quizes"; import { quizStore } from "@root/quizes";
import { useNavigate, useParams } from "react-router-dom"; import { useParams } from "react-router-dom";
import * as React from "react"; import * as React from "react";
import ModalSizeImage from "./ModalSizeImage"; import ModalSizeImage from "./ModalSizeImage";
import DropZone from "./dropZone"; import DropZone from "./dropZone";