Добавлена страница профиля #79
Conversation
| export default function Profile() { | ||
| const { user, subscription, loginHistory } = usePage<PageProps>().props; | ||
|
|
||
| const [currentPassword, setCurrentPassword] = useState(''); |
There was a problem hiding this comment.
Используется ли React hook form?
Запланированный стек проекта
| Inertia.post('/Logout'); | ||
| }; | ||
| return ( | ||
| <div className="profile-page"> |
There was a problem hiding this comment.
Используется ли shadcn/ui с Tailwind СSS?
Добавь, пожалуйста, скриншот в описании PR, как выглядит компонент и страница с компонентом.
| }; | ||
| return ( | ||
| <div className="profile-page"> | ||
| <Head title={`Профиль ${user.name}`} /> |
There was a problem hiding this comment.
Еще предлагаю вынести визуально Head из контейнера
<>
<Head title={`Профиль ${user.name}`} />
<div className="profile-page">
<h1>Профиль</h1>
<p>
<strong>ID:</strong>
{user.id}
</p>
<p>
... // остальная часть компонента
</>
Понятно, что инерция его разместит в нужном месте, но так он будет более заметным и это подсказывает, что элемент не относится к компоненту
| import React, { useState } from 'react'; | ||
| import { Head, usePage, Inertia } from '@inertiajs/react'; | ||
|
|
||
| interface User { |
There was a problem hiding this comment.
Очень много интерфейсов в компоненте.
В целом, интерфейсы удобнее располагать в файлах types, согласно иерархии
Проект упорядочиваем к использованию структуры FSD (документация)
Пример возможного размещения
src/pages/profile/
├─ ui/
│ └─ ProfilePage.tsx - здесь компонент
├─ model/
│ └─ profilePageModel.ts - когда требуется модель
| └─ types.ts - сейчас можно интерфейсы убрать в этот файл
└─ index.ts - здесь импорт ирендер компонента
|
Добавил использование React hook form |
Реализовано: