From ba26c6f5a14eff4ed902b8db1c7a073813fc64ac Mon Sep 17 00:00:00 2001 From: Tamara Date: Wed, 10 May 2023 20:35:30 +0300 Subject: [PATCH] =?UTF-8?q?=D0=B3=D0=BE=D1=82=D0=BE=D0=B2=20=D1=85=D0=B5?= =?UTF-8?q?=D0=B4=D0=B5=D1=80=20=D0=B8=20=D1=81=D0=B0=D0=B9=D0=B4=D0=B1?= =?UTF-8?q?=D0=B0=D1=80,=20=D0=BF=D1=80=D0=BE=D0=B2=D0=B5=D0=BB=D0=B0=20?= =?UTF-8?q?=D0=BD=D0=B5=D0=B1=D0=BE=D0=BB=D1=8C=D1=88=D0=BE=D0=B9=20=D1=80?= =?UTF-8?q?=D0=B5=D1=84=D0=B0=D0=BA=D1=82=D0=BE=D1=80=D0=B8=D0=BD=D0=B3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/App.tsx | 37 ---- src/components/ComplexHeader.tsx | 31 --- src/components/CreateQuiz/CreateQuiz.tsx | 186 ------------------ src/components/CustomButton.tsx | 15 -- src/index.tsx | 19 -- src/pages/ContactFormPage/BranchingForm.tsx | 28 +-- .../Massengers/WindowMessengers.tsx | 2 +- .../NewField/ButtonsNewField.tsx | 13 +- .../NewField/WindowNewField.tsx | 1 - src/pages/ContactFormPage/SelectMask.tsx | 2 +- src/pages/InstallQuiz/ButtonSocial.tsx | 53 ++--- src/pages/InstallQuiz/InstallQuiz.tsx | 49 +---- .../Questions/DataOptions/DataOptions.tsx | 2 +- .../OptionsPicture/settingOpytionsPict.tsx | 5 +- src/pages/Questions/UploadImage.tsx | 2 +- src/pages/Questions/branchingQuestions.tsx | 33 +--- src/pages/Questions/helpQuestions.tsx | 18 +- .../Result}/CreationFullCard.tsx | 0 .../DescriptionForm/ButtinsOptionsForm.tsx | 5 +- .../DescriptionForm/DescriptionForm.tsx | 10 +- .../DescriptionForm/DiscountButtons.tsx | 23 +-- .../DescriptionForm/PointsQuestions.tsx | 23 +-- .../Result/DescriptionForm/PriceButton.tsx | 9 +- .../DescriptionForm/StarIconsPoints.tsx | 8 +- ...itchAnswerOptions.tsx => SwitchResult.tsx} | 2 +- src/pages/Result/Result.tsx | 11 +- src/pages/Result/Setting.tsx | 2 +- src/pages/Result/SettingForm.tsx | 6 +- .../createQuize}/ComplexNavText.tsx | 0 .../createQuize}/CustomTab.tsx | 0 .../createQuize}/ExpandableQuizBlock.tsx | 17 +- src/pages/createQuize/FirstQuiz.tsx | 17 +- src/pages/createQuize/MyQuizzes.tsx | 2 +- src/pages/createQuize/MyQuizzesFull.tsx | 4 +- .../createQuize}/QuizCard.tsx | 29 +-- src/pages/createQuize/QuizGallery.tsx | 31 +-- .../createQuize}/QuizTemplateCard.tsx | 0 src/pages/main.tsx | 18 +- .../startPage}/CardWithImage.tsx | 0 .../startPage}/SelectableIconButton.tsx | 6 +- src/pages/startPage/StartPageSettings.tsx | 6 +- src/pages/startPage/steptwo.tsx | 2 +- src/{components => ui_kit}/CustomWrapper.tsx | 22 +-- src/ui_kit/Header/Header.tsx | 25 +-- src/ui_kit/Header/Navbar.tsx | 20 -- src/ui_kit/Header/NavbarCreateQuiz.tsx | 126 ------------ .../CreateQuiz => ui_kit}/MenuItem.tsx | 0 .../SelectableButton.tsx | 0 src/ui_kit/Sidebar.tsx | 6 +- .../CreateQuiz => ui_kit}/UploadBox.tsx | 0 50 files changed, 155 insertions(+), 771 deletions(-) delete mode 100755 src/App.tsx delete mode 100755 src/components/ComplexHeader.tsx delete mode 100755 src/components/CreateQuiz/CreateQuiz.tsx delete mode 100755 src/components/CustomButton.tsx rename src/{components => pages/Result}/CreationFullCard.tsx (100%) rename src/pages/Result/DescriptionForm/{SwitchAnswerOptions.tsx => SwitchResult.tsx} (93%) rename src/{components => pages/createQuize}/ComplexNavText.tsx (100%) rename src/{components => pages/createQuize}/CustomTab.tsx (100%) rename src/{components => pages/createQuize}/ExpandableQuizBlock.tsx (82%) rename src/{components => pages/createQuize}/QuizCard.tsx (80%) rename src/{components => pages/createQuize}/QuizTemplateCard.tsx (100%) rename src/{components/CreateQuiz => pages/startPage}/CardWithImage.tsx (100%) rename src/{components/CreateQuiz => pages/startPage}/SelectableIconButton.tsx (90%) rename src/{components => ui_kit}/CustomWrapper.tsx (91%) delete mode 100755 src/ui_kit/Header/Navbar.tsx delete mode 100755 src/ui_kit/Header/NavbarCreateQuiz.tsx rename src/{components/CreateQuiz => ui_kit}/MenuItem.tsx (100%) rename src/{components/CreateQuiz => ui_kit}/SelectableButton.tsx (100%) rename src/{components/CreateQuiz => ui_kit}/UploadBox.tsx (100%) diff --git a/src/App.tsx b/src/App.tsx deleted file mode 100755 index d15d932e..00000000 --- a/src/App.tsx +++ /dev/null @@ -1,37 +0,0 @@ -import { CssBaseline } from "@mui/material"; -import { styled } from "@mui/material/styles"; -import CreateQuiz from "./components/CreateQuiz/CreateQuiz"; -import FirstQuiz from "./pages/createQuize/FirstQuiz"; -import MyQuizzes from "./pages/createQuize/MyQuizzes"; -import Navbar from "@ui_kit/Header/Navbar"; -import NavbarCreateQuiz from "@ui_kit/Header/NavbarCreateQuiz"; -import QuizGallery from "./pages/createQuize/QuizGallery"; -import lightTheme from "./utils/themes/light"; -import darkTheme from "./utils/themes/dark"; - -const Divider = styled("div")(() => ({ - height: "30px", - backgroundColor: "black", -})); - -function App() { - return ( - <> - - - - - - - - - - - - - - - ); -} - -export default App; diff --git a/src/components/ComplexHeader.tsx b/src/components/ComplexHeader.tsx deleted file mode 100755 index 5a1d0c48..00000000 --- a/src/components/ComplexHeader.tsx +++ /dev/null @@ -1,31 +0,0 @@ -import { SxProps, Theme, Typography, useTheme } from "@mui/material"; - - -interface Props { - text1: string; - text2?: string; - sx?: SxProps; -} - -export default function ComplexHeader({ text1, text2, sx }: Props) { - const theme = useTheme(); - - return ( - - {text1} - {text2 && - - {text2} - - } - - ); -} \ No newline at end of file diff --git a/src/components/CreateQuiz/CreateQuiz.tsx b/src/components/CreateQuiz/CreateQuiz.tsx deleted file mode 100755 index c54c486d..00000000 --- a/src/components/CreateQuiz/CreateQuiz.tsx +++ /dev/null @@ -1,186 +0,0 @@ -import { useState } from "react"; -import { Container, Box, useTheme, List, Typography, IconButton } from "@mui/material"; -import MenuItem from "./MenuItem"; -import MegaphoneIcon from "../../assets/icons/MegaphoneIcon"; -import QuestionIcon from "../../assets/icons/QuestionIcon"; -import ChartPieIcon from "../../assets/icons/ChartPieIcon"; -import ContactBookIcon from "../../assets/icons/ContactBookIcon"; -import FlowArrowIcon from "../../assets/icons/FlowArrowIcon"; -import CollapseMenuIcon from "../../assets/icons/CollapseMenuIcon"; -import TagIcon from "../../assets/icons/TagIcon"; -import PencilCircleIcon from "../../assets/icons/PencilCircleIcon"; -import PuzzlePieceIcon from "../../assets/icons/PuzzlePieceIcon"; -import GearIcon from "../../assets/icons/GearIcon"; -import LayoutIcon from "../../assets/icons/LayoutIcon"; -import CardWithImage from "./CardWithImage"; -import CreationCard from "@ui_kit/CreationCard"; -import quizCreationImage1 from "../../assets/quiz-creation-1.png"; -import quizCreationImage2 from "../../assets/quiz-creation-2.png"; -import cardImage1 from "../../assets/card-1.png"; -import cardImage2 from "../../assets/card-2.png"; -import cardImage3 from "../../assets/card-3.png"; -import StartPageSettings from "../../pages/startPage/StartPageSettings"; -import CustomButton from "../CustomButton"; -import Sidebar from "@ui_kit/Sidebar"; - - -const createQuizMenuItems = [ - [LayoutIcon, "Стартовая страница"], - [QuestionIcon, "Вопросы"], - [ChartPieIcon, "Результаты"], - [ContactBookIcon, "Форма контактов"], - [FlowArrowIcon, "Установка квиза"], - [MegaphoneIcon, "Запуск рекламы"], -] as const; - -const quizSettingsMenuItems = [ - [TagIcon, "Дополнения"], - [PencilCircleIcon, "Дизайн"], - [PuzzlePieceIcon, "Интеграции"], - [GearIcon, "Настройки"], -] as const; - -export default function CreateQuiz() { - const theme = useTheme(); - const [isMenuCollapsed, setIsMenuCollapsed] = useState(false); - const [activeMenuItemIndex, setActiveMenuItemIndex] = useState(0); - const [progress, setProgress] = useState(1 / 6); - - const handleMenuCollapseToggle = () => setIsMenuCollapsed(prev => !prev); - - return ( - - - - - - - Шаг 1 из 6 - Настройка стартовой страницы - - - - - - - Стартовая страница - - - - - - - - Стартовая страница - - - Отключить стартовую страницу - Настроить вопросы - - - - - ); -} \ No newline at end of file diff --git a/src/components/CustomButton.tsx b/src/components/CustomButton.tsx deleted file mode 100755 index d4fe68b7..00000000 --- a/src/components/CustomButton.tsx +++ /dev/null @@ -1,15 +0,0 @@ -import { Button, styled } from "@mui/material"; -import { ButtonProps } from "@mui/material/Button"; - - -interface Props { - py?: string; -} - -export default styled(Button)(props => ({ - width: "180px", - paddingTop: props.py || "10px", - paddingBottom: props.py || "10px", - borderRadius: "8px", - boxShadow: "none", -})); diff --git a/src/index.tsx b/src/index.tsx index fbf54731..bf27322b 100755 --- a/src/index.tsx +++ b/src/index.tsx @@ -1,14 +1,9 @@ import React from 'react'; import ReactDOM from 'react-dom/client'; import './index.css'; -import App from './App'; import { BrowserRouter, Route, Routes } from 'react-router-dom'; import lightTheme from "./utils/themes/light"; import { ThemeProvider } from '@mui/material'; -import CreateQuiz from './components/CreateQuiz/CreateQuiz'; -import NavbarCreateQuiz from '@ui_kit/Header/NavbarCreateQuiz'; -import darkTheme from "./utils/themes/dark"; - import HorizontalLinearStepper from './ui_kit/Stepper'; import StartPage from "./pages/startPage/StartPage"; @@ -27,7 +22,6 @@ const root = ReactDOM.createRoot( ); const routeslink: {path: string; page: JSX.Element; header: boolean; sidebar: boolean} [] = [ - {path: "/", page:
, header: false, sidebar: false}, {path: "/list", page: , header: false, sidebar: false}, {path: "/list-empty", page: , header: false, sidebar: false}, {path: "/list-full", page: , header: false, sidebar: false}, @@ -48,19 +42,6 @@ root.render( {routeslink.map((e,i) =>( } /> ))} - {/* }/>*/} - {/*} />*/} - {/*} />*/} - {/*} />*/} - {/*} />*/} - - {/*} />*/} - {/*} />*/} - {/*} />*/} - {/*} />*/} - {/*} />*/} - {/*} />*/} - diff --git a/src/pages/ContactFormPage/BranchingForm.tsx b/src/pages/ContactFormPage/BranchingForm.tsx index cd701adb..5da2a71f 100644 --- a/src/pages/ContactFormPage/BranchingForm.tsx +++ b/src/pages/ContactFormPage/BranchingForm.tsx @@ -2,16 +2,13 @@ import { Box, Button, FormControl, FormControlLabel, Link, - MenuItem, Modal, Radio, RadioGroup, - Select, SelectChangeEvent, Typography, useTheme } from "@mui/material"; import * as React from "react"; -import CustomButton from "../../components/CustomButton"; -import SelectableButton from "../../components/CreateQuiz/SelectableButton"; +import SelectableButton from "@ui_kit/SelectableButton"; import {useState} from "react"; import RadioCheck from "@ui_kit/RadioCheck"; import RadioIcon from "@ui_kit/RadioIcon"; @@ -127,28 +124,13 @@ export default function BranchingForm() { - Отмена - Отмена + diff --git a/src/pages/ContactFormPage/Massengers/WindowMessengers.tsx b/src/pages/ContactFormPage/Massengers/WindowMessengers.tsx index fe62a79f..8309e804 100644 --- a/src/pages/ContactFormPage/Massengers/WindowMessengers.tsx +++ b/src/pages/ContactFormPage/Massengers/WindowMessengers.tsx @@ -5,7 +5,7 @@ import {Typography, useTheme} from "@mui/material"; import CloseIcon from '@mui/icons-material/Close'; import CustomTextField from "@ui_kit/CustomTextField"; import CustomCheckbox from "@ui_kit/CustomCheckbox"; -import SelectableButton from "../../../components/CreateQuiz/SelectableButton"; +import SelectableButton from "@ui_kit/SelectableButton"; import {useState} from "react"; import SelectMask from "../SelectMask"; diff --git a/src/pages/ContactFormPage/NewField/ButtonsNewField.tsx b/src/pages/ContactFormPage/NewField/ButtonsNewField.tsx index e3b9c386..ab2d4485 100644 --- a/src/pages/ContactFormPage/NewField/ButtonsNewField.tsx +++ b/src/pages/ContactFormPage/NewField/ButtonsNewField.tsx @@ -1,14 +1,11 @@ import MiniButtonSetting from "@ui_kit/MiniButtonSetting"; import React from "react"; -import SettingIcon from "../../../assets/icons/questionsPage/settingIcon"; -import Branching from "../../../assets/icons/questionsPage/branching"; import {Box, IconButton, useTheme} from "@mui/material"; -import SupplementIcon from "../../../assets/icons/ContactFormIcon/supplementIcon"; -import NameIcon from "../../../assets/icons/ContactFormIcon/NameIcon"; -import EmailIcon from "../../../assets/icons/ContactFormIcon/EmailIcon"; -import PhoneIcon from "../../../assets/icons/ContactFormIcon/PhoneIcon"; -import TextIcon from "../../../assets/icons/ContactFormIcon/TextIcon"; -import AddressIcon from "../../../assets/icons/ContactFormIcon/AddressIcon"; +import NameIcon from "@icons/ContactFormIcon/NameIcon"; +import EmailIcon from "@icons/ContactFormIcon/EmailIcon"; +import PhoneIcon from "@icons/ContactFormIcon/PhoneIcon"; +import TextIcon from "@icons/ContactFormIcon/TextIcon"; +import AddressIcon from "@icons/ContactFormIcon/AddressIcon"; interface Props { switchState: string diff --git a/src/pages/ContactFormPage/NewField/WindowNewField.tsx b/src/pages/ContactFormPage/NewField/WindowNewField.tsx index 467c6f96..e891f770 100644 --- a/src/pages/ContactFormPage/NewField/WindowNewField.tsx +++ b/src/pages/ContactFormPage/NewField/WindowNewField.tsx @@ -5,7 +5,6 @@ import {Typography, useTheme} from "@mui/material"; import CloseIcon from '@mui/icons-material/Close'; import ButtonsNewField from "./ButtonsNewField"; import SwitchNewField from "./SwitchNewField"; -import {useState} from "react"; export default function WindowNewField() { diff --git a/src/pages/ContactFormPage/SelectMask.tsx b/src/pages/ContactFormPage/SelectMask.tsx index b189c9e8..5a76893a 100644 --- a/src/pages/ContactFormPage/SelectMask.tsx +++ b/src/pages/ContactFormPage/SelectMask.tsx @@ -1,5 +1,5 @@ import {Box, Link, Typography, useTheme} from "@mui/material"; -import SelectableButton from "../../components/CreateQuiz/SelectableButton"; +import SelectableButton from "@ui_kit/SelectableButton"; import CustomTextField from "@ui_kit/CustomTextField"; import * as React from "react"; import {useState} from "react"; diff --git a/src/pages/InstallQuiz/ButtonSocial.tsx b/src/pages/InstallQuiz/ButtonSocial.tsx index 3a53fe05..596efdd8 100644 --- a/src/pages/InstallQuiz/ButtonSocial.tsx +++ b/src/pages/InstallQuiz/ButtonSocial.tsx @@ -15,8 +15,7 @@ import TelegramIcon from "../../assets/icons/telegramIcon"; import QRIcon from "../../assets/icons/qrIcon"; import React from "react"; import CustomTextField from "@ui_kit/CustomTextField"; -import CustomButton from "../../components/CustomButton"; -import UploadBox from "../../components/CreateQuiz/UploadBox"; +import UploadBox from "@ui_kit/UploadBox"; import UploadIcon from "../../assets/icons/UploadIcon"; import CopyIcon from "../../assets/icons/CopyIcon"; import Qr from "../../assets/Qr.png" @@ -125,28 +124,13 @@ export default function ButtonSocial () { } text="5 MB максимум" /> - Отмена - Отмена + @@ -244,28 +228,13 @@ export default function ButtonSocial () { - Отмена - Отмена + @@ -322,8 +291,8 @@ export default function ButtonSocial () { - - + + diff --git a/src/pages/InstallQuiz/InstallQuiz.tsx b/src/pages/InstallQuiz/InstallQuiz.tsx index a4917319..0a346f75 100644 --- a/src/pages/InstallQuiz/InstallQuiz.tsx +++ b/src/pages/InstallQuiz/InstallQuiz.tsx @@ -24,10 +24,9 @@ import AutoOpen from '../../assets/AutoOpen.png'; import WidgetImg from '../../assets/Widget.png'; import OneIconBorder from "../../assets/icons/OneIconBorder"; import ArrowLeft from "../../assets/icons/questionsPage/arrowLeft"; -import CustomButton from "../../components/CustomButton"; import CustomTextField from "@ui_kit/CustomTextField"; import VkIconButton from "../../assets/icons/VkIconButton"; -import SelectableButton from "../../components/CreateQuiz/SelectableButton"; +import SelectableButton from "@ui_kit/SelectableButton"; import ButtonSocial from "./ButtonSocial"; import OnButtonInstall from "./OnButtonInstall"; import BannerInstall from "./BannerInstall"; @@ -394,28 +393,13 @@ export default function InstallQuiz() { - Отмена - Отмена + @@ -546,28 +530,13 @@ export default function InstallQuiz() { Привязка домена и обновление DNS записей может занять до 48 часов - Отмена - Отмена + diff --git a/src/pages/Questions/DataOptions/DataOptions.tsx b/src/pages/Questions/DataOptions/DataOptions.tsx index 3c362f4a..918ad670 100644 --- a/src/pages/Questions/DataOptions/DataOptions.tsx +++ b/src/pages/Questions/DataOptions/DataOptions.tsx @@ -3,7 +3,7 @@ import ButtonsOptions from "../ButtonsOptions"; import SwitchData from "./switchData"; import React, {useState} from "react"; import InfoIcon from "../../../assets/icons/InfoIcon"; -import SelectableButton from "../../../components/CreateQuiz/SelectableButton"; +import SelectableButton from "@ui_kit/SelectableButton"; type dataType = "calendar" | "mask"; diff --git a/src/pages/Questions/OptionsPicture/settingOpytionsPict.tsx b/src/pages/Questions/OptionsPicture/settingOpytionsPict.tsx index 43f0e5dd..a82e49b0 100644 --- a/src/pages/Questions/OptionsPicture/settingOpytionsPict.tsx +++ b/src/pages/Questions/OptionsPicture/settingOpytionsPict.tsx @@ -1,10 +1,9 @@ -import { Box, Typography, useTheme } from "@mui/material"; +import {Box, Button, Typography, useTheme} from "@mui/material"; import CustomCheckbox from "@ui_kit/CustomCheckbox"; import InfoIcon from "../../../assets/icons/InfoIcon"; import { useState } from "react"; import FormatIcon2 from "../../../assets/icons/questionsPage/FormatIcon2"; import FormatIcon1 from "../../../assets/icons/questionsPage/FormatIcon1"; -import CustomButton from "../../../components/CustomButton"; import ProportionsIcon11 from "../../../assets/icons/questionsPage/ProportionsIcon11"; import ProportionsIcon21 from "../../../assets/icons/questionsPage/ProportionsIcon21"; import ProportionsIcon12 from "../../../assets/icons/questionsPage/ProportionsIcon12"; @@ -18,7 +17,7 @@ interface Props { export function SelectIconButton({ Icon, isActive = false, onClick }: Props) { const theme = useTheme(); return ( - } diff --git a/src/pages/Questions/UploadImage.tsx b/src/pages/Questions/UploadImage.tsx index 23c14537..93b5dee7 100644 --- a/src/pages/Questions/UploadImage.tsx +++ b/src/pages/Questions/UploadImage.tsx @@ -1,5 +1,5 @@ import {Typography, Box, useTheme, ButtonBase, Modal} from "@mui/material"; -import UploadBox from "../../components/CreateQuiz/UploadBox"; +import UploadBox from "@ui_kit/UploadBox"; import UploadIcon from "../../assets/icons/UploadIcon"; import * as React from "react"; diff --git a/src/pages/Questions/branchingQuestions.tsx b/src/pages/Questions/branchingQuestions.tsx index b0faf453..d623417e 100644 --- a/src/pages/Questions/branchingQuestions.tsx +++ b/src/pages/Questions/branchingQuestions.tsx @@ -16,11 +16,9 @@ import { useTheme, } from "@mui/material"; import * as React from "react"; -import InfoIcon from "../../assets/icons/InfoIcon"; -import ArrowDown from "../../assets/icons/ArrowDownIcon"; -import CustomButton from "../../components/CustomButton"; +import ArrowDown from "@icons/ArrowDownIcon"; import { useState } from "react"; -import DeleteIcon from "../../assets/icons/questionsPage/deleteIcon"; +import DeleteIcon from "@icons/questionsPage/deleteIcon"; import RadioCheck from "@ui_kit/RadioCheck"; import RadioIcon from "@ui_kit/RadioIcon"; @@ -60,7 +58,6 @@ export default function BranchingQuestions() { width: "100%", bgcolor: "background.paper", borderRadius: "12px", - boxShadow: 24, p: 0, }} @@ -261,32 +258,16 @@ export default function BranchingQuestions() { - Отмена - - + + diff --git a/src/pages/Questions/helpQuestions.tsx b/src/pages/Questions/helpQuestions.tsx index cee6e99b..7a28db6c 100644 --- a/src/pages/Questions/helpQuestions.tsx +++ b/src/pages/Questions/helpQuestions.tsx @@ -1,11 +1,10 @@ -import {Box, ButtonBase, Modal, Typography, useTheme} from "@mui/material"; +import {Box, Button, ButtonBase, Modal, Typography, useTheme} from "@mui/material"; import * as React from 'react'; -import SelectableButton from "../../components/CreateQuiz/SelectableButton"; +import SelectableButton from "@ui_kit/SelectableButton"; import CustomTextField from "@ui_kit/CustomTextField"; import {useState} from "react"; import UploadIcon from "../../assets/icons/UploadIcon"; -import UploadBox from "../../components/CreateQuiz/UploadBox"; -import CustomButton from "../../components/CustomButton"; +import UploadBox from "@ui_kit/UploadBox"; type BackgroundType = "text" | "video"; type BackgroundTypeModal = "linkVideo" | "ownVideo" @@ -84,16 +83,9 @@ export default function HelpQuestions() { > Видео можно вставить с любого хостинга: YouTube, Vimeo или загрузить собственное - Готово + >Готово setBackgroundTypeModal("linkVideo")}> diff --git a/src/components/CreationFullCard.tsx b/src/pages/Result/CreationFullCard.tsx similarity index 100% rename from src/components/CreationFullCard.tsx rename to src/pages/Result/CreationFullCard.tsx diff --git a/src/pages/Result/DescriptionForm/ButtinsOptionsForm.tsx b/src/pages/Result/DescriptionForm/ButtinsOptionsForm.tsx index 85747f82..7dfab672 100644 --- a/src/pages/Result/DescriptionForm/ButtinsOptionsForm.tsx +++ b/src/pages/Result/DescriptionForm/ButtinsOptionsForm.tsx @@ -1,14 +1,11 @@ import React from "react"; import { Box, IconButton, useTheme } from "@mui/material"; - import MiniButtonSetting from "@ui_kit/MiniButtonSetting"; - import SettingIcon from "@icons/questionsPage/settingIcon"; import Branching from "@icons/questionsPage/branching"; import HideIcon from "@icons/questionsPage/hideIcon"; import CopyIcon from "@icons/questionsPage/CopyIcon"; import DeleteIcon from "@icons/questionsPage/deleteIcon"; - import StarIconPoints from "./StarIconsPoints"; interface Props { @@ -31,7 +28,7 @@ export default function ButtonsOptionsForm({ SSHC, switchState }: Props) { value: "branching", }, { - icon: , + icon: , title: "Баллы", value: "points", }, diff --git a/src/pages/Result/DescriptionForm/DescriptionForm.tsx b/src/pages/Result/DescriptionForm/DescriptionForm.tsx index 18fe9ee6..04c465de 100644 --- a/src/pages/Result/DescriptionForm/DescriptionForm.tsx +++ b/src/pages/Result/DescriptionForm/DescriptionForm.tsx @@ -2,21 +2,15 @@ import React from "react"; import { useState } from "react"; import {Box, Button, IconButton, TextField, Typography} from "@mui/material"; import ExpandMoreIcon from "@mui/icons-material/ExpandMore"; - -import CustomButton from "../../../components/CustomButton"; - -import SwitchAnswerOptions from "./SwitchAnswerOptions"; +import SwitchResult from "./SwitchResult"; import ButtonsOptionsForm from "./ButtinsOptionsForm"; import PriceButtons from "./PriceButton"; import DiscountButtons from "./DiscountButtons"; - import CustomTextField from "@ui_kit/CustomTextField"; - import OneIcon from "@icons/questionsPage/OneIcon"; import DeleteIcon from "@icons/questionsPage/deleteIcon"; import PointsIcon from "@icons/questionsPage/PointsIcon"; import Info from "@icons/Info"; - import ImageAndVideoButtons from "./ImageAndVideoButtons"; export const DescriptionForm = () => { @@ -172,7 +166,7 @@ export const DescriptionForm = () => { )} - + ); }; diff --git a/src/pages/Result/DescriptionForm/DiscountButtons.tsx b/src/pages/Result/DescriptionForm/DiscountButtons.tsx index c56da2fa..3595fbb9 100644 --- a/src/pages/Result/DescriptionForm/DiscountButtons.tsx +++ b/src/pages/Result/DescriptionForm/DiscountButtons.tsx @@ -1,6 +1,5 @@ import DeleteIcon from "@icons/questionsPage/deleteIcon"; -import {Box, IconButton, Typography, useTheme} from "@mui/material"; -import CustomButton from "../../../components/CustomButton"; +import {Box, Button, IconButton, Typography, useTheme} from "@mui/material"; export default function DiscountButtons() { const theme = useTheme(); @@ -15,44 +14,36 @@ export default function DiscountButtons() { - 10000 - - + ); diff --git a/src/pages/Result/DescriptionForm/PointsQuestions.tsx b/src/pages/Result/DescriptionForm/PointsQuestions.tsx index 7048c895..cce9c558 100644 --- a/src/pages/Result/DescriptionForm/PointsQuestions.tsx +++ b/src/pages/Result/DescriptionForm/PointsQuestions.tsx @@ -12,13 +12,11 @@ import { } from "@mui/material"; import * as React from "react"; import ArrowDown from "@icons/ArrowDownIcon"; -import CustomButton from "../../../components/CustomButton"; import { useState } from "react"; export default function PointsQuestions() { const theme = useTheme(); const [open, setOpen] = useState(false); - const [condition, setCondition] = useState(false); const handleOpen = () => setOpen(true); const handleClose = () => setOpen(false); @@ -27,11 +25,6 @@ export default function PointsQuestions() { setDisplay(event.target.value); }; - const [value, setValue] = React.useState("1"); - - const handleChangeRadio = (event: React.ChangeEvent) => { - setValue((event.target as HTMLInputElement).value); - }; return ( <> @@ -51,7 +44,6 @@ export default function PointsQuestions() { width: "100%", bgcolor: "background.paper", borderRadius: "12px", - boxShadow: 24, p: 0, }} @@ -184,7 +176,6 @@ export default function PointsQuestions() { - handleClose()} - variant="contained" - sx={{ - backgroundColor: theme.palette.brightPurple.main, - color: "white", - width: "auto", - px: "20px", - py: "9px", - }} - > + variant="contained"> Готово - + diff --git a/src/pages/Result/DescriptionForm/PriceButton.tsx b/src/pages/Result/DescriptionForm/PriceButton.tsx index c14789dc..535f59ae 100644 --- a/src/pages/Result/DescriptionForm/PriceButton.tsx +++ b/src/pages/Result/DescriptionForm/PriceButton.tsx @@ -1,7 +1,4 @@ -import { Box, IconButton, SxProps, Theme, Typography } from "@mui/material"; - -import CustomButton from "../../../components/CustomButton"; - +import {Box, Button, IconButton, SxProps, Theme, Typography} from "@mui/material"; import DeleteIcon from "@icons/questionsPage/deleteIcon"; const priceButtonsArray: { title: string; type: string; sx: SxProps }[] = [ @@ -75,7 +72,7 @@ export default function PriceButtons({ ButtonsActive, priceButtonsActive }: Prop {priceButtonsArray.map(({ title, type, sx }, index) => ( - ButtonsActive(index, type)} key={title} sx={{ @@ -85,7 +82,7 @@ export default function PriceButtons({ ButtonsActive, priceButtonsActive }: Prop }} > {title} - + ))} diff --git a/src/pages/Result/DescriptionForm/StarIconsPoints.tsx b/src/pages/Result/DescriptionForm/StarIconsPoints.tsx index 4e8e092e..584094ce 100644 --- a/src/pages/Result/DescriptionForm/StarIconsPoints.tsx +++ b/src/pages/Result/DescriptionForm/StarIconsPoints.tsx @@ -10,14 +10,14 @@ export default function StarIconPoints({ color }: Props) { ); diff --git a/src/pages/Result/DescriptionForm/SwitchAnswerOptions.tsx b/src/pages/Result/DescriptionForm/SwitchResult.tsx similarity index 93% rename from src/pages/Result/DescriptionForm/SwitchAnswerOptions.tsx rename to src/pages/Result/DescriptionForm/SwitchResult.tsx index 280703c5..70121ce5 100644 --- a/src/pages/Result/DescriptionForm/SwitchAnswerOptions.tsx +++ b/src/pages/Result/DescriptionForm/SwitchResult.tsx @@ -36,7 +36,7 @@ function ResponseSettings() { ); } -export default function SwitchAnswerOptions({ switchState = "setting" }: Props) { +export default function SwitchResult({ switchState = "setting" }: Props) { switch (switchState) { case "setting": return ; diff --git a/src/pages/Result/Result.tsx b/src/pages/Result/Result.tsx index 842b3c85..5d461b2c 100644 --- a/src/pages/Result/Result.tsx +++ b/src/pages/Result/Result.tsx @@ -1,8 +1,6 @@ import { Link } from "react-router-dom"; -import { Box, useTheme } from "@mui/material"; - -import CustomButton from "../../components/CustomButton"; -import CreationFullCard from "../../components/CreationFullCard"; +import {Box, Button, useTheme} from "@mui/material"; +import CreationFullCard from "./CreationFullCard"; import Info from "../../assets/icons/Info"; @@ -19,16 +17,15 @@ export const Result = () => { /> - Создать результаты - + diff --git a/src/pages/Result/Setting.tsx b/src/pages/Result/Setting.tsx index 7f127af8..7afcd4c6 100644 --- a/src/pages/Result/Setting.tsx +++ b/src/pages/Result/Setting.tsx @@ -2,7 +2,7 @@ import { Box, Button, Typography, useTheme } from "@mui/material"; import { SettingForm } from "./SettingForm"; import { DescriptionForm } from "./DescriptionForm/DescriptionForm"; import { ResultListForm } from "./ResultListForm"; -import CustomWrapper from "../../components/CustomWrapper"; +import CustomWrapper from "@ui_kit/CustomWrapper"; import Plus from "@icons/Plus"; import Info from "@icons/Info"; import IconPlus from "@icons/IconPlus"; diff --git a/src/pages/Result/SettingForm.tsx b/src/pages/Result/SettingForm.tsx index 7a10c767..1242b1ff 100644 --- a/src/pages/Result/SettingForm.tsx +++ b/src/pages/Result/SettingForm.tsx @@ -1,7 +1,5 @@ import { useState } from "react"; import { Box, Button, IconButton, SxProps, Theme, Typography } from "@mui/material"; - -import CustomButton from "../../components/CustomButton"; import { SwitchSetting } from "./SwichResult"; import Info from "@icons/Info"; @@ -79,7 +77,7 @@ export const SettingForm = () => { {buttonSetting.map(({ sx, title, type }, index) => ( - active(index, type)} key={title} @@ -90,7 +88,7 @@ export const SettingForm = () => { }} > {title} - + ))} {typeActive === "e-mail" ? ( diff --git a/src/components/ComplexNavText.tsx b/src/pages/createQuize/ComplexNavText.tsx similarity index 100% rename from src/components/ComplexNavText.tsx rename to src/pages/createQuize/ComplexNavText.tsx diff --git a/src/components/CustomTab.tsx b/src/pages/createQuize/CustomTab.tsx similarity index 100% rename from src/components/CustomTab.tsx rename to src/pages/createQuize/CustomTab.tsx diff --git a/src/components/ExpandableQuizBlock.tsx b/src/pages/createQuize/ExpandableQuizBlock.tsx similarity index 82% rename from src/components/ExpandableQuizBlock.tsx rename to src/pages/createQuize/ExpandableQuizBlock.tsx index c26ab436..7b4e0136 100755 --- a/src/components/ExpandableQuizBlock.tsx +++ b/src/pages/createQuize/ExpandableQuizBlock.tsx @@ -1,7 +1,6 @@ -import { Box, IconButton, Typography, useTheme } from "@mui/material"; -import ExpandIcon from "../assets/icons/ExpandIcon"; +import {Box, Button, IconButton, Typography, useTheme} from "@mui/material"; +import ExpandIcon from "@icons/ExpandIcon"; import MoreHorizIcon from "@mui/icons-material/MoreHoriz"; -import CustomButton from "./CustomButton"; interface Props { @@ -58,17 +57,15 @@ export default function ExpandableQuizBlock({ name }: Props) { mt: "25px", }} > - Квизов нет - Квизов нет + ); diff --git a/src/pages/createQuize/FirstQuiz.tsx b/src/pages/createQuize/FirstQuiz.tsx index c48cea64..6a78c7cb 100755 --- a/src/pages/createQuize/FirstQuiz.tsx +++ b/src/pages/createQuize/FirstQuiz.tsx @@ -1,11 +1,8 @@ -import { Typography, useTheme } from "@mui/material"; -import ComplexNavText from "../../components/ComplexNavText"; -import CustomButton from "../../components/CustomButton"; +import {Button, Typography, useTheme} from "@mui/material"; +import ComplexNavText from "./ComplexNavText"; import SectionWrapper from "@ui_kit/SectionWrapper"; export default function FirstQuiz() { - const theme = useTheme(); - return ( Создайте свой первый квиз - + ); } diff --git a/src/pages/createQuize/MyQuizzes.tsx b/src/pages/createQuize/MyQuizzes.tsx index f3fb50b8..972f2350 100755 --- a/src/pages/createQuize/MyQuizzes.tsx +++ b/src/pages/createQuize/MyQuizzes.tsx @@ -1,5 +1,5 @@ import {useTheme, Box,} from "@mui/material"; -import ExpandableQuizBlock from "../../components/ExpandableQuizBlock"; +import ExpandableQuizBlock from "./ExpandableQuizBlock"; import MyQuizzesFull from "./MyQuizzesFull"; diff --git a/src/pages/createQuize/MyQuizzesFull.tsx b/src/pages/createQuize/MyQuizzesFull.tsx index 90b84419..d53075df 100644 --- a/src/pages/createQuize/MyQuizzesFull.tsx +++ b/src/pages/createQuize/MyQuizzesFull.tsx @@ -1,6 +1,6 @@ import {Typography, useTheme, Box, Button, SxProps, Theme} from "@mui/material"; -import ComplexNavText from "../../components/ComplexNavText"; -import QuizCard from "../../components/QuizCard"; +import ComplexNavText from "./ComplexNavText"; +import QuizCard from "./QuizCard"; import SectionWrapper from "@ui_kit/SectionWrapper"; import React from "react"; diff --git a/src/components/QuizCard.tsx b/src/pages/createQuize/QuizCard.tsx similarity index 80% rename from src/components/QuizCard.tsx rename to src/pages/createQuize/QuizCard.tsx index 45a4c95d..a2305f43 100755 --- a/src/components/QuizCard.tsx +++ b/src/pages/createQuize/QuizCard.tsx @@ -1,8 +1,7 @@ -import { Box, IconButton, Typography, useTheme } from "@mui/material"; -import ChartIcon from "../assets/icons/ChartIcon"; -import CustomButton from "./CustomButton"; -import LinkIcon from "../assets/icons/LinkIcon"; -import PencilIcon from "../assets/icons/PencilIcon"; +import {Box, Button, IconButton, Typography, useTheme} from "@mui/material"; +import ChartIcon from "@icons/ChartIcon"; +import LinkIcon from "@icons/LinkIcon"; +import PencilIcon from "@icons/PencilIcon"; import MoreHorizIcon from "@mui/icons-material/MoreHoriz"; @@ -73,40 +72,30 @@ export default function QuizCard({ name, openCount = 0, applicationCount = 0, co gap: "20px", }} > - Заявки - - + Нет подходящего шаблона? - Создать квиз с нуля + >Создать квиз с нуля ); } \ No newline at end of file diff --git a/src/components/QuizTemplateCard.tsx b/src/pages/createQuize/QuizTemplateCard.tsx similarity index 100% rename from src/components/QuizTemplateCard.tsx rename to src/pages/createQuize/QuizTemplateCard.tsx diff --git a/src/pages/main.tsx b/src/pages/main.tsx index e9171309..61b1ae05 100755 --- a/src/pages/main.tsx +++ b/src/pages/main.tsx @@ -1,20 +1,20 @@ import Header from '@ui_kit/Header/Header'; import Sidebar from '@ui_kit/Sidebar'; import Box from '@mui/material/Box'; -import {Outlet} from "react-router-dom"; import {useTheme} from "@mui/material"; +import HeaderFull from "@ui_kit/Header/HeaderFull"; +interface Props{ + sidebar: boolean, + header: boolean, + page: JSX.Element +} -export default function Main ({ - sidebar: boolean, - header: boolean, - page: react.csx - - }) { +export default function Main ({sidebar, header, page}: Props) { const theme = useTheme(); return ( <> - {header ? : <>} + {header ?
: } - + {page} diff --git a/src/components/CreateQuiz/CardWithImage.tsx b/src/pages/startPage/CardWithImage.tsx similarity index 100% rename from src/components/CreateQuiz/CardWithImage.tsx rename to src/pages/startPage/CardWithImage.tsx diff --git a/src/components/CreateQuiz/SelectableIconButton.tsx b/src/pages/startPage/SelectableIconButton.tsx similarity index 90% rename from src/components/CreateQuiz/SelectableIconButton.tsx rename to src/pages/startPage/SelectableIconButton.tsx index 20fc366e..12d548fd 100755 --- a/src/components/CreateQuiz/SelectableIconButton.tsx +++ b/src/pages/startPage/SelectableIconButton.tsx @@ -1,6 +1,4 @@ -import { useTheme } from "@mui/material"; -import CustomButton from "../CustomButton"; - +import {Button, useTheme} from "@mui/material"; interface Props { Icon: React.ElementType; @@ -12,7 +10,7 @@ export default function SelectableIconButton({ Icon, isActive = false, onClick } const theme = useTheme(); return ( - } diff --git a/src/pages/startPage/StartPageSettings.tsx b/src/pages/startPage/StartPageSettings.tsx index c60845d3..219601fa 100755 --- a/src/pages/startPage/StartPageSettings.tsx +++ b/src/pages/startPage/StartPageSettings.tsx @@ -10,9 +10,9 @@ import LayoutExpandedIcon from "../../assets/icons/LayoutExpandedIcon"; import LayoutStandartIcon from "../../assets/icons/LayoutStandartIcon"; import MobilePhoneIcon from "../../assets/icons/MobilePhoneIcon"; import UploadIcon from "../../assets/icons/UploadIcon"; -import SelectableButton from "../../components/CreateQuiz/SelectableButton"; -import SelectableIconButton from "../../components/CreateQuiz/SelectableIconButton"; -import UploadBox from "../../components/CreateQuiz/UploadBox"; +import SelectableButton from "@ui_kit/SelectableButton"; +import SelectableIconButton from "./SelectableIconButton"; +import UploadBox from "@ui_kit/UploadBox"; import CustomTextField from "@ui_kit/CustomTextField"; diff --git a/src/pages/startPage/steptwo.tsx b/src/pages/startPage/steptwo.tsx index a6ea4811..710b46d4 100755 --- a/src/pages/startPage/steptwo.tsx +++ b/src/pages/startPage/steptwo.tsx @@ -1,5 +1,5 @@ import {Box, Button, Typography} from "@mui/material"; -import CardWithImage from "../../components/CreateQuiz/CardWithImage"; +import CardWithImage from "./CardWithImage"; import cardImage1 from "../../assets/card-1.png"; import cardImage2 from "../../assets/card-2.png"; import cardImage3 from "../../assets/card-3.png"; diff --git a/src/components/CustomWrapper.tsx b/src/ui_kit/CustomWrapper.tsx similarity index 91% rename from src/components/CustomWrapper.tsx rename to src/ui_kit/CustomWrapper.tsx index e7560272..f99ced30 100644 --- a/src/components/CustomWrapper.tsx +++ b/src/ui_kit/CustomWrapper.tsx @@ -1,11 +1,11 @@ import { useState } from "react"; import { Box, IconButton, SxProps, Theme, Typography, useMediaQuery, useTheme } from "@mui/material"; -import CrossedEyeIcon from "../assets/icons/CrossedEyeIcon"; -import CopyIcon from "../assets/icons/CopyIcon"; -import TrashIcon from "../assets/icons/TrashIcon"; -import CountIcon from "../assets/icons/CountIcon"; -import MenuIcon from "../assets/icons/MenuIcon"; +import CrossedEyeIcon from "@icons/CrossedEyeIcon"; +import CopyIcon from "@icons/CopyIcon"; +import TrashIcon from "@icons/TrashIcon"; +import CountIcon from "@icons/CountIcon"; +import MenuIcon from "@icons/MenuIcon"; interface Props { text: string; @@ -97,9 +97,9 @@ export default function CustomWrapper({ text, sx, result }: Props) { @@ -137,9 +137,9 @@ export default function CustomWrapper({ text, sx, result }: Props) { )} diff --git a/src/ui_kit/Header/Header.tsx b/src/ui_kit/Header/Header.tsx index 64bc46b3..83721b14 100755 --- a/src/ui_kit/Header/Header.tsx +++ b/src/ui_kit/Header/Header.tsx @@ -1,16 +1,12 @@ -import { Box, Container, FormControl, IconButton, TextField, useTheme } from "@mui/material"; -import CustomButton from "../../components/CustomButton"; +import {Box, Button, Container, FormControl, IconButton, TextField, useTheme} from "@mui/material"; import BackArrowIcon from "@icons/BackArrowIcon"; import EyeIcon from "@icons/EyeIcon"; import CustomAvatar from "./Avatar"; import NavMenuItem from "./NavMenuItem"; import PenaLogo from "../PenaLogo"; -interface Props { - isLoggedIn: boolean; -} -export default function Header({ isLoggedIn }: Props) { +export default function Header() { const theme = useTheme(); return ( @@ -92,36 +88,27 @@ export default function Header({ isLoggedIn }: Props) { gap: "15px", }} > - } sx={{ color: theme.palette.brightPurple.main, - borderColor: theme.palette.brightPurple.main, fontSize: "14px", lineHeight: "18px", - px: "14px", - py: "8px", - width: "auto", height: "34px", "& .MuiButton-startIcon": { mr: "3px", } }} - >Предпросмотр - Предпросмотр + diff --git a/src/ui_kit/Header/Navbar.tsx b/src/ui_kit/Header/Navbar.tsx deleted file mode 100755 index adaa6eb0..00000000 --- a/src/ui_kit/Header/Navbar.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import NavbarCollapsed from "./NavbarCollapsed"; -import NavbarCreateQuiz from "./NavbarCreateQuiz"; -import Header from "@ui_kit/Header/Header"; -import HeaderFull from "@ui_kit/Header/HeaderFull"; - - -interface Props { - isLoggedIn: boolean; - isCollapsed?: boolean; - mode?: "createQuiz" | "default"; -} - -export default function Navbar({ isLoggedIn, isCollapsed = false, mode = "default" }: Props) { - - return isLoggedIn ? ( -
- ):( - - ) -} \ No newline at end of file diff --git a/src/ui_kit/Header/NavbarCreateQuiz.tsx b/src/ui_kit/Header/NavbarCreateQuiz.tsx deleted file mode 100755 index a2b99a81..00000000 --- a/src/ui_kit/Header/NavbarCreateQuiz.tsx +++ /dev/null @@ -1,126 +0,0 @@ -import { Box, Container, FormControl, IconButton, TextField, useTheme } from "@mui/material"; -import CustomButton from "../../components/CustomButton"; -import BackArrowIcon from "@icons/BackArrowIcon"; -import EyeIcon from "@icons/EyeIcon"; -import NavMenuItem from "./NavMenuItem"; -import PenaLogo from "@ui_kit/PenaLogo"; -import CustomAvatar from "./Avatar"; - - -export default function NavbarCreateQuiz() { - const theme = useTheme(); - - return ( - - - - - - - - - - - - - - - - - - - } - sx={{ - color: theme.palette.brightPurple.main, - borderColor: theme.palette.brightPurple.main, - fontSize: "14px", - lineHeight: "18px", - px: "14px", - py: "8px", - width: "auto", - height: "34px", - "& .MuiButton-startIcon": { - mr: "3px", - } - }} - >Предпросмотр - Опубликовать - - - - ); -} \ No newline at end of file diff --git a/src/components/CreateQuiz/MenuItem.tsx b/src/ui_kit/MenuItem.tsx similarity index 100% rename from src/components/CreateQuiz/MenuItem.tsx rename to src/ui_kit/MenuItem.tsx diff --git a/src/components/CreateQuiz/SelectableButton.tsx b/src/ui_kit/SelectableButton.tsx similarity index 100% rename from src/components/CreateQuiz/SelectableButton.tsx rename to src/ui_kit/SelectableButton.tsx diff --git a/src/ui_kit/Sidebar.tsx b/src/ui_kit/Sidebar.tsx index d7a48e7f..0664f2e2 100755 --- a/src/ui_kit/Sidebar.tsx +++ b/src/ui_kit/Sidebar.tsx @@ -12,7 +12,7 @@ import PencilCircleIcon from "../assets/icons/PencilCircleIcon"; import PuzzlePieceIcon from "../assets/icons/PuzzlePieceIcon"; import GearIcon from "../assets/icons/GearIcon"; import LayoutIcon from "../assets/icons/LayoutIcon"; -import MenuItem from "../components/CreateQuiz/MenuItem"; +import MenuItem from "./MenuItem"; const createQuizMenuItems = [ [LayoutIcon, "Стартовая страница"], @@ -31,7 +31,7 @@ const quizSettingsMenuItems = [ ] as const; -export default function Sidebar(sidebar: boolean) { +export default function Sidebar() { const theme = useTheme(); const [isMenuCollapsed, setIsMenuCollapsed] = useState(false); const [activeMenuItemIndex, setActiveMenuItemIndex] = useState(0); @@ -46,7 +46,7 @@ export default function Sidebar(sidebar: boolean) { minWidth: isMenuCollapsed ? "80px" : "230px", width: isMenuCollapsed ? "80px" : "230px", height: 'calc(100vh - 80px)', - display: sidebar ? "flex" : "none", + display: "flex", flexDirection: "column", py: "19px", transitionProperty: "width, min-width", diff --git a/src/components/CreateQuiz/UploadBox.tsx b/src/ui_kit/UploadBox.tsx similarity index 100% rename from src/components/CreateQuiz/UploadBox.tsx rename to src/ui_kit/UploadBox.tsx