Simul

Когда пользователь захотел посетить мероприятие, он нажимает на кнопку "Зарегистрироваться", открывается модальное окно с формой регистрации на мероприятие, которое нужно создать.

1. Использовать компонент MUI https://mui.com/material-ui/react-dialog/
2. Компонент реализовать как дочерний от src/components/Dialog/Dialog.tsx в папке src/components/Dialog
3. Название компоненту присвоить RegisterActionDialog.tsx
4. Поля, которые должны быть в окне:

• заголовок (отдельно верстать не надо, есть в компоненте пропсом UniversalDialog)
• способ оплаты ( MUI компонент https://mui.com/material-ui/react-radio-button/, предварительно необходимо создать enum в src/constant.ts с перечислением "Наличные", " По карте", "Комбинированный") Обязательное поле
• выбор количества билетов (MUI компонент https://mui.com/material-ui/react-number-field/, по умолчанию - 1)
• имя ( MUI компонент https://mui.com/material-ui/react-text-field/, нужна валидация) Обязательное поле
• фамилия ( MUI компонент https://mui.com/material-ui/react-text-field/, нужна валидация) Обязательное поле
• почта ( MUI компонент https://mui.com/material-ui/react-text-field/, нужна валидация) Обязательное поле
• номер телефона ( MUI компонент https://mui.com/material-ui/react-text-field/, нужна валидация)
• кнопка "Зарегистрироваться" (отдельно верстать не надо, есть в компоненте пропсом UniversalDialog) Задизейблена, если не заполненно, хотябы одно поле обязательное
• кнопка "Отмена" (отдельно верстать не надо, есть в компоненте пропсом UniversalDialog)

5. Реализовать валидацию полей с помощью Formik.
6. Реализовать получение всех введенных данных пользователем по нажатию на кнопку "Зарегистрироваться" с отправкой запроса на сервер.

${BASE_URL}/ticket/createTicket

actionId: string
wayPay: WayPay
countTickets: number
name: string
surname: string
email: string
phone?: string

7. Обработка ответа сервера, если успешно, то текст "Успешно", если нет, то красная "Произошла ошибка, попробуйте позже". Использовать для этого компонент src/components/BasicSnackbar/BasicSnackbar.js

Пример смотри вот тут: src/components/RegistrationForm/RegistrationForm.js. Тут есть валидация, и пример работы верстки