InfraHub

1
import { useState, useEffect } from 'react'
2
import { Layout } from '@/components/Layout'
3

4
export default function Profile() {
5
  const [user, setUser] = useState(null)
6

7
  useEffect(() => {
8
    // Здесь мы будем загружать данные пользователя с бэкенда
9
    // Например:
10
    // fetch('/api/user').then(res => res.json()).then(setUser)
11
  }, [])
12

13
  if (!user) return <div>Loading...</div>
14

15
  return (
16
    <Layout>
17
      <h1 className="text-2xl font-bold mb-4">Личный кабинет</h1>
18
      <div className="p-4 border rounded shadow">
19
        <img src={user.avatar} alt={user.name} className="w-32 h-32 rounded-full mx-auto mb-4" />
20
        <h2 className="text-xl font-semibold text-center mb-2">{user.name}</h2>
21
        <p className="text-center text-gray-600 mb-4">{user.email}</p>
22
        <div className="space-y-2">
23
          <h3 className="font-semibold">Статистика:</h3>
24
          <p>Количество постов: {user.postsCount}</p>
25
          <p>Количество комментариев: {user.commentsCount}</p>
26
          <p>Дата регистрации: {new Date(user.createdAt).toLocaleDateString()}</p>
27
        </div>
28
      </div>
29
    </Layout>
30
  )
31
}