diff --git a/src/pages/InstallQuiz/AutoOpenInstall.tsx b/src/pages/InstallQuiz/AutoOpenInstall.tsx deleted file mode 100644 index 22e1967a..00000000 --- a/src/pages/InstallQuiz/AutoOpenInstall.tsx +++ /dev/null @@ -1,180 +0,0 @@ -import { - Box, - Checkbox, - FormControl, - FormControlLabel, - TextField, - Typography, - useTheme, -} from "@mui/material"; -import Dots from "../../assets/dots.png"; -import React from "react"; -import InstallQzOnSiteParent from "./InstallQzOnSiteParent"; -import CustomCheckbox from "@ui_kit/CustomCheckbox"; -import InfoIcon from "../../assets/icons/InfoIcon"; - -export default function AutoOpenInstall() { - const theme = useTheme(); - - const [checked, setChecked] = React.useState([true, false]); - - const handleChange1 = (event: React.ChangeEvent) => { - setChecked([event.target.checked, checked[1]]); - }; - - const handleChange2 = (event: React.ChangeEvent) => { - setChecked([checked[0], event.target.checked]); - }; - - return ( - - - - - {" "} - - - - - - Quiz будет открываться через указанное время - - - - - - Если quiz уже установлен на сайт, и вы что-то здесь изменили, код на - сайте нужно будет поменять. Настройки в этом конструкторе не - сохраняются. - - - - - - - - - - - - {checked[0] ? ( - - - - Показывать через - - - - - - секунд - - - - - - - - ) : ( - <> - )} - - {checked[1] ? ( - - - - - ) : ( - <> - )} - - - ); -} diff --git a/src/pages/InstallQuiz/InstallQzCode.tsx b/src/pages/InstallQuiz/InstallQzCode.tsx deleted file mode 100644 index 2474d0e5..00000000 --- a/src/pages/InstallQuiz/InstallQzCode.tsx +++ /dev/null @@ -1,91 +0,0 @@ -import InstallQzOnSiteParent from "./InstallQzOnSiteParent"; -import { - Box, - Button, - FormControl, - IconButton, - InputAdornment, - Link, - OutlinedInput, - TextField, - Typography, - useTheme, -} from "@mui/material"; -import CopyIcon from "@icons/CopyIcon"; -import React from "react"; -import InfoIcon from "@icons/InfoIcon"; - -export default function InstallQzCode() { - const theme = useTheme(); - return ( - - - - 1. Код вставки опросника - - Установите код в то место, где должен быть опросник - - - - - - - ), - }} - /> - - - - - - Код нужно вставить один раз. Изменения в самом quiz будут отображаться - автоматически после сохранения. - - - - ); -} diff --git a/src/pages/InstallQuiz/InstallQzOnSiteParent.tsx b/src/pages/InstallQuiz/InstallQzOnSiteParent.tsx deleted file mode 100644 index c0e0df15..00000000 --- a/src/pages/InstallQuiz/InstallQzOnSiteParent.tsx +++ /dev/null @@ -1,69 +0,0 @@ -import { - Box, - Button, - SxProps, - Theme, - Typography, - useTheme, -} from "@mui/material"; -import OneIconBorder from "../../assets/icons/OneIconBorder"; -import React from "react"; -import NumberTwo from "@icons/NumberTwo"; -import NumberThree from "@icons/NumberThree"; - -interface Props { - outerContainerSx?: SxProps; - children?: React.ReactNode; -} - -export default function InstallQzOnSiteParent({ - outerContainerSx: sx, - children, -}: Props) { - const theme = useTheme(); - return ( - <> - - - - Установка quiz на сайте - - - - Способ установки - - - Настройка кнопки - - - Вставить код на сайт - - - - - {children} - - - - - - - ); -} diff --git a/src/pages/InstallQuiz/VidjetInstall.tsx b/src/pages/InstallQuiz/VidjetInstall.tsx deleted file mode 100644 index c9da07fb..00000000 --- a/src/pages/InstallQuiz/VidjetInstall.tsx +++ /dev/null @@ -1,219 +0,0 @@ -import { - Box, - Button, - FormControl, - FormControlLabel, - Radio, - RadioGroup, - TextField, - Typography, - useTheme, -} from "@mui/material"; -import React, { useState } from "react"; -import InstallQzOnSiteParent from "./InstallQzOnSiteParent"; -import CustomCheckbox from "@ui_kit/CustomCheckbox"; -import VidjetImg from "../../assets/VidjetImg.png"; -import LDownButton from "@icons/InstallQuizIcon/LDownButton"; -import RDownButton from "@icons/InstallQuizIcon/RDownButton"; -import RadioCheck from "@ui_kit/RadioCheck"; -import RadioIcon from "@ui_kit/RadioIcon"; - -export default function VidjetInstall() { - const [value, setValue] = React.useState("1"); - - const handleChangeRadio = (event: React.ChangeEvent) => { - setValue((event.target as HTMLInputElement).value); - }; - - const [position, setPosition] = useState<"left" | "right">("left"); - - const theme = useTheme(); - return ( - - - - - Если quiz уже установлен на сайт, и вы что-то здесь изменили, код на - сайте нужно будет поменять. Настройки в этом конструкторе не - сохраняются. - - - - - Расположение - - - setPosition("left")} - isActive={position === "left"} - Icon={LDownButton} - /> - setPosition("right")} - isActive={position === "right"} - Icon={RDownButton} - /> - - - - - Показывать виджет - - - - - - секунд - - - - Автооткрытие виджета при входе на сайт - - - - } icon={} /> - } - label="Да" - /> - } icon={} /> - } - label="Нет" - /> - - - {value === "1" ? ( - - - - Показывать через - - - - - - секунд - - - - Время, через которое quiz автоматически откроется - - - ) : ( - <> - )} - - - - - - ); -} - -interface Props { - Icon: React.ElementType; - isActive?: boolean; - onClick: () => void; -} - -function SelectButtonPosition({ Icon, isActive = false, onClick }: Props) { - const theme = useTheme(); - return ( -