From 55aaf04f12ec410303cd16eb62556630817c4a01 Mon Sep 17 00:00:00 2001
From: Tamara <tamara.zelenko555@yandex.ru>
Date: Wed, 13 Mar 2024 00:20:13 +0300
Subject: [PATCH] =?UTF-8?q?=D0=B0=D0=B4=D0=B0=D0=BF=D1=82=D0=B0=D1=86?=
 =?UTF-8?q?=D0=B8=D1=8F=20=D1=81=D1=82=D1=80=D0=B0=D0=BD=D0=B8=D1=86=D1=8B?=
 =?UTF-8?q?=20=D1=83=D1=81=D1=82=D0=B0=D0=BD=D0=BE=D0=B2=D0=BA=D0=B8=20?=
 =?UTF-8?q?=D0=BA=D0=B2=D0=B8=D0=B7=D0=BE=D0=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/InstallQuiz/InstallQuiz.tsx | 64 +++++++++++++++------------
 src/pages/Landing/HeaderLanding.tsx   |  6 +--
 2 files changed, 38 insertions(+), 32 deletions(-)

diff --git a/src/pages/InstallQuiz/InstallQuiz.tsx b/src/pages/InstallQuiz/InstallQuiz.tsx
index 038f8686..b4ba07dd 100644
--- a/src/pages/InstallQuiz/InstallQuiz.tsx
+++ b/src/pages/InstallQuiz/InstallQuiz.tsx
@@ -1,22 +1,22 @@
 import React, { useState } from "react";
 import {
-  Box,
-  Button,
-  ButtonBase,
-  FormControl,
-  IconButton,
-  InputAdornment,
-  Link,
-  MenuItem,
-  Modal,
-  OutlinedInput,
-  Paper,
-  Select,
-  SelectChangeEvent,
-  TextField,
-  Typography,
-  Tooltip,
-  useTheme,
+    Box,
+    Button,
+    ButtonBase,
+    FormControl,
+    IconButton,
+    InputAdornment,
+    Link,
+    MenuItem,
+    Modal,
+    OutlinedInput,
+    Paper,
+    Select,
+    SelectChangeEvent,
+    TextField,
+    Typography,
+    Tooltip,
+    useTheme, useMediaQuery,
 } from "@mui/material";
 import LinkIcon from "../../assets/icons/LinkIcon";
 import InfoIcon from "../../assets/icons/InfoIcon";
@@ -41,7 +41,7 @@ import InBodyInstall from "./InBodyInstall";
 import AutoOpenInstall from "./AutoOpenInstall";
 import VidjetInstall from "./VidjetInstall";
 import InstallQzCode from "./InstallQzCode";
-import { incrementCurrentStep, updateQuiz } from "@root/quizes/actions";
+import {decrementCurrentStep, incrementCurrentStep, updateQuiz} from "@root/quizes/actions";
 import { useCurrentQuiz } from "@root/quizes/hooks";
 import { useDomainDefine } from "@utils/hooks/useDomainDefine";
 import NumberTwo from "@icons/NumberTwo";
@@ -56,6 +56,7 @@ export default function InstallQuiz() {
     setDisplay(event.target.value);
   };
 
+
   const [openVk, setOpenVk] = React.useState(false);
   const [stepState, setStepState] = React.useState("step1");
   const handleOpenVk = () => setOpenVk(true);
@@ -68,7 +69,7 @@ export default function InstallQuiz() {
   const [backgroundType, setBackgroundType] = useState<BackgroundType>("text");
 
   const theme = useTheme();
-
+  const isMobile = useMediaQuery(theme.breakpoints.down(600));
   const CopyLink = () => {
     let one = document.getElementById("inputLinkone").value;
     let text = document.getElementById("inputLink").value;
@@ -100,12 +101,15 @@ export default function InstallQuiz() {
               "0px 100px 309px rgba(210, 208, 225, 0.24), 0px 41.7776px 129.093px rgba(210, 208, 225, 0.172525), 0px 22.3363px 69.0192px rgba(210, 208, 225, 0.143066), 0px 12.5216px 38.6916px rgba(210, 208, 225, 0.12), 0px 6.6501px 20.5488px rgba(210, 208, 225, 0.0969343), 0px 2.76726px 8.55082px rgba(210, 208, 225, 0.0674749)",
           }}
         >
-          <Box sx={{ display: "flex", alignItems: "center", gap: "10px" }}>
-            <LinkIcon
-              color={theme.palette.brightPurple.main}
-              bgcolor={"#EEE4FC"}
-            />
-            <Typography>Ссылка на quiz</Typography>
+          <Box sx={{ display: "flex", alignItems: isMobile ? "flex-start" : "center", gap: "10px", flexDirection: isMobile ? "column" : "row" }}>
+            <Box sx={{display: "flex", alignItems: "center", gap: "10px"}}>
+                <LinkIcon
+                    color={theme.palette.brightPurple.main}
+                    bgcolor={"#EEE4FC"}
+                />
+                <Typography>Ссылка на quiz</Typography>
+            </Box>
+
 
             {/*<Tooltip*/}
             {/*  title="Скопируйте или укажите свою ссылку на quiz. Ссылка должна быть от 4 до 20 символов включительно, может содержать латинские буквы, цифры, тире '-' и нижнее подчеркивание '_'."*/}
@@ -278,7 +282,7 @@ export default function InstallQuiz() {
               "0px 100px 309px rgba(210, 208, 225, 0.24), 0px 41.7776px 129.093px rgba(210, 208, 225, 0.172525), 0px 22.3363px 69.0192px rgba(210, 208, 225, 0.143066), 0px 12.5216px 38.6916px rgba(210, 208, 225, 0.12), 0px 6.6501px 20.5488px rgba(210, 208, 225, 0.0969343), 0px 2.76726px 8.55082px rgba(210, 208, 225, 0.0674749)",
           }}
         >
-          <Box sx={{ display: "flex", alignItems: "center", gap: "30px" }}>
+          <Box sx={{ display: "flex", alignItems: isMobile ? "flex-start" : "center", gap: "30px", flexDirection: isMobile ? "column" : "row" }}>
             <Typography variant="h5" sx={{ paddingRight: "30px" }}>
               Установка квизов на сайте
             </Typography>
@@ -449,17 +453,19 @@ export default function InstallQuiz() {
             gap: "8px",
             justifyContent: "end",
             mt: "30px",
+            mr: "60px"
           }}
         >
           <Button
             variant="outlined"
             sx={{ padding: "10px 20px", borderRadius: "8px" }}
+            onClick={decrementCurrentStep}
           >
             <ArrowLeft />
           </Button>
-          <Button variant="contained" onClick={incrementCurrentStep}>
-            Запустить рекламу
-          </Button>
+          {/*<Button variant="contained" onClick={incrementCurrentStep}>*/}
+          {/*  Запустить рекламу*/}
+          {/*</Button>*/}
         </Box>
       </Box>
     </>
diff --git a/src/pages/Landing/HeaderLanding.tsx b/src/pages/Landing/HeaderLanding.tsx
index 7321c5a2..0e4ef635 100644
--- a/src/pages/Landing/HeaderLanding.tsx
+++ b/src/pages/Landing/HeaderLanding.tsx
@@ -82,13 +82,13 @@ export default function Component() {
           border: "1px solid black",
           textTransform: "none",
           fontWeight: "400",
-          fontSize: "18px",
+          fontSize: isMobile ? "16px" : "18px",
           lineHeight: "24px",
           borderRadius: "8px",
-          padding: "8px 17px",
+          padding: isMobile ? "8px 8px" : "8px 17px",
         }}
       >
-        {userId ? "Войти" : " Регистрация / Войти"}
+        {userId ? "Войти" : " Регистрация/Войти"}
       </Button>
     </SectionStyled>
   );