From 34a01a5c1c3f83ec149e73188f204abc91f6bd74 Mon Sep 17 00:00:00 2001
From: IlyaDoronin <ryletd@gmail.com>
Date: Tue, 31 Oct 2023 16:37:30 +0300
Subject: [PATCH] feat: StartPage public and view buttons

---
 src/pages/startPage/StartPage.tsx         | 41 +++++++++++++++++++++++
 src/pages/startPage/StartPageSettings.tsx | 18 +++++-----
 2 files changed, 50 insertions(+), 9 deletions(-)

diff --git a/src/pages/startPage/StartPage.tsx b/src/pages/startPage/StartPage.tsx
index 580341a4..848ce363 100755
--- a/src/pages/startPage/StartPage.tsx
+++ b/src/pages/startPage/StartPage.tsx
@@ -223,6 +223,47 @@ export default function StartPage() {
             createResult={listQuizes[params].createResult}
           />
         </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>
     </>
   );
diff --git a/src/pages/startPage/StartPageSettings.tsx b/src/pages/startPage/StartPageSettings.tsx
index 9cb99077..75c14baa 100755
--- a/src/pages/startPage/StartPageSettings.tsx
+++ b/src/pages/startPage/StartPageSettings.tsx
@@ -14,21 +14,21 @@ import {
 } from "@mui/material";
 import { ChangeEvent, useState } from "react";
 import CustomCheckbox from "@ui_kit/CustomCheckbox";
-import AlignLeftIcon from "../../assets/icons/AlignLeftIcon";
-import AlignRightIcon from "../../assets/icons/AlignRightIcon";
-import ArrowDown from "../../assets/icons/ArrowDownIcon";
-import InfoIcon from "../../assets/icons/InfoIcon";
-import LayoutCenteredIcon from "../../assets/icons/LayoutCenteredIcon";
-import LayoutExpandedIcon from "../../assets/icons/LayoutExpandedIcon";
-import LayoutStandartIcon from "../../assets/icons/LayoutStandartIcon";
-import MobilePhoneIcon from "../../assets/icons/MobilePhoneIcon";
+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";
+import MobilePhoneIcon from "@icons/MobilePhoneIcon";
 import UploadIcon from "../../assets/icons/UploadIcon";
 import SelectableButton from "@ui_kit/SelectableButton";
 import SelectableIconButton from "./SelectableIconButton";
 import UploadBox from "@ui_kit/UploadBox";
 import CustomTextField from "@ui_kit/CustomTextField";
 import { quizStore } from "@root/quizes";
-import { useNavigate, useParams } from "react-router-dom";
+import { useParams } from "react-router-dom";
 import * as React from "react";
 import ModalSizeImage from "./ModalSizeImage";
 import DropZone from "./dropZone";