Разработка админ-панели EventHubFrontAdmin v1.0 #1

2026-05-23 20:43:21 +03:00
parent 36c95b71a4
commit f5961c5529
68 changed files with 10374 additions and 3 deletions
@@ -0,0 +1,56 @@
+import React from 'react';
+import { useParams, useNavigate } from 'react-router-dom';
+import { Card, Descriptions, Spin, Button, Tag } from 'antd';
+import { useUser } from '../../hooks/useUsers';
+import dayjs from 'dayjs';
+
+const UserDetailPage: React.FC = () => {
+    const { id } = useParams<{ id: string }>();
+    const navigate = useNavigate();
+    const { data: user, isLoading } = useUser(id || '');
+
+    const isBadValue = (val: any) =>
+        val === '-' || val === 'undefined' || val === '' || val === null || val === undefined;
+
+    const displayValue = (val: any) => (isBadValue(val) ? '-' : val);
+
+    const formatDate = (dateStr: string) => {
+        if (isBadValue(dateStr)) return '-';
+        const d = dayjs(dateStr);
+        return d.isValid() ? d.format('DD.MM.YYYY HH:mm') : dateStr;
+    };
+
+    if (isLoading) return <Spin size="large" style={{ display: 'block', margin: '100px auto' }} />;
+    if (!user) return <p>Пользователь не найден</p>;
+
+    return (
+        <Card title={`Пользователь ${displayValue(user.nickname) !== '-' ? user.nickname : user.email || user.id}`}>
+            <Descriptions bordered column={1}>
+                <Descriptions.Item label="ID">{user.id}</Descriptions.Item>
+                <Descriptions.Item label="Email">{displayValue(user.email)}</Descriptions.Item>
+                <Descriptions.Item label="Ник">{displayValue(user.nickname)}</Descriptions.Item>
+                <Descriptions.Item label="Роль">
+                    <Tag color={user.role === 'user' ? 'blue' : 'purple'}>{user.role}</Tag>
+                </Descriptions.Item>
+                <Descriptions.Item label="Статус">
+                    <Tag color={user.status === 'active' ? 'green' : user.status === 'frozen' ? 'orange' : 'red'}>
+                        {user.status}
+                    </Tag>
+                </Descriptions.Item>
+                <Descriptions.Item label="Причина">{displayValue(user.reason)}</Descriptions.Item>
+                <Descriptions.Item label="Телефон">{displayValue(user.phone)}</Descriptions.Item>
+                <Descriptions.Item label="Язык">{displayValue(user.language)}</Descriptions.Item>
+                <Descriptions.Item label="Часовой пояс">{displayValue(user.timezone)}</Descriptions.Item>
+                <Descriptions.Item label="Аватар URL">{displayValue(user.avatar_url)}</Descriptions.Item>
+                <Descriptions.Item label="Социальные ссылки">{displayValue(user.social_links)}</Descriptions.Item>
+                <Descriptions.Item label="Настройки">{displayValue(user.preferences)}</Descriptions.Item>
+                <Descriptions.Item label="Последний вход">{formatDate(user.last_login)}</Descriptions.Item>
+                <Descriptions.Item label="Создано">{formatDate(user.created_at)}</Descriptions.Item>
+                <Descriptions.Item label="Обновлено">{formatDate(user.updated_at)}</Descriptions.Item>
+            </Descriptions>
+            <Button style={{ marginTop: 16 }} onClick={() => navigate('/users')}>Назад к списку</Button>
+        </Card>
+    );
+};
+
+export default UserDetailPage;