[ ] проверить, что кнопка "изменить почту или соцсети" доступна только главному админу
[ ] По пути src/pages/contacts/components создаём директорию contacts-form, а в ней файл файл index.tsx, файл styles.module.css и файл schema.ts
[ ] В файл выше - index.tsx перемещаем всю разметку и логику работы с формой. Компонент будет называться - ContactForm
[ ] В файл styles.module.css директории src/pages/contacts/components/contacts-form перемещаем все стили, относящиеся к форме и её дочерним элементам
[ ] В файл schema.ts директории src/pages/contacts/components/contacts-form нужно добавить валидацию для формы ContactsForm. Пример можно глянуть по пути src/pages/login/components/form/schema.ts
[ ] Полученный выше файл подключаем в src/pages/contacts/components/contacts-form/index.tsx в хук useForm
[ ] ContactInput компонент должен научиться показывать ошибки
[ ] если хоть один из инпутов невалиден, то кнопка "сохранить" неактивна
[ ] после работы над компонентами проверяем, что не осталось комментариев, неиспользуемого кода, импортов и т.д.
Ветка для работы -
fix/contact_page
Ссылка на макет:
В рамках задачи необходимо:
src/pages/contacts/components
создаём директориюcontacts-form
, а в ней файл файлindex.tsx
, файлstyles.module.css
и файлschema.ts
index.tsx
перемещаем всю разметку и логику работы с формой. Компонент будет называться -ContactForm
styles.module.css
директорииsrc/pages/contacts/components/contacts-form
перемещаем все стили, относящиеся к форме и её дочерним элементамschema.ts
директорииsrc/pages/contacts/components/contacts-form
нужно добавить валидацию для формыContactsForm
. Пример можно глянуть по путиsrc/pages/login/components/form/schema.ts
src/pages/contacts/components/contacts-form/index.tsx
в хукuseForm
ContactInput
компонент должен научиться показывать ошибки