import React from "react"; import Stepper from '@ui_kit/Stepper'; import {Box, Button, IconButton, Typography, Paper, useTheme, Link, SxProps, Theme, TextField} from '@mui/material'; import ExpandMoreIcon from '@mui/icons-material/ExpandMore'; import CustomTextField from "@ui_kit/CustomTextField"; import OneIcon from "../../assets/icons/questionsPage/OneIcon"; import AddPlus from "../../assets/icons/questionsPage/addPlus"; import ArrowLeft from "../../assets/icons/questionsPage/arrowLeft"; import InfoIcon from "../../assets/icons/InfoIcon"; import ButtonSettingForms from "./ButtonSettingForms"; import SwitchContactForm from "./switchContactForm"; import DrawerNewField from "./DrawerParent"; import WindowNewField from "./NewField/WindowNewField"; import WindowMessengers from "./Massengers/WindowMessengers"; import {quizStore} from "@root/quizes"; import {useParams} from "react-router-dom"; export default function ContactFormPage() { const {listQuizes, updateQuizesList} = quizStore(); const params = Number(useParams().quizId); const handleNext = () => { updateQuizesList(params, {step: listQuizes[params].step + 1}) } const [activeStep, setActiveStep] = React.useState(4); const handleBack = () => { setActiveStep((prevActiveStep) => prevActiveStep - 1); }; const [drawerNewField, setDrawerNewField] = React.useState(false); const [drawerMessenger, setDrawerMessenger] = React.useState(false); const drawerNewFieldHC = (bool:boolean) => {setDrawerNewField(bool)} const drawerMessengerHC = (bool:boolean) => {setDrawerMessenger(bool)} const theme = useTheme(); return ( <> Как собрать данные посетителя Имя* E-mail* Телефон* drawerMessengerHC(true)} sx={{ fontSize: "16px", lineHeight: "19px", color: theme.palette.brightPurple.main, textDecorationColor: theme.palette.brightPurple.main, textAlign: 'left' }}>Добавить мессенджеры Будут показаны поля по умолчанию Добавить мессенджеры ) } interface Props { outerContainerSx?: SxProps; children?: React.ReactNode; } function ContactFormParent({outerContainerSx: sx, children }: Props) { const theme = useTheme(); const [switchState, setSwitchState] = React.useState('setting'); const SSHC = (data: string) => { setSwitchState(data) } return( {children} ) }