Восстановлен потерянный код: календари, мониторинг, refresh, stats на list-страницах.

src/pages/users/UserListPage.tsx

@@ -1,8 +1,8 @@
 import React, { useState, useEffect, useRef } from 'react';
-import { Table, Button, Tag, Space, Modal, Form, Select, Spin, Input, Tooltip } from 'antd';
-import { InfoCircleOutlined, EditOutlined, LockOutlined, UnlockOutlined, DeleteOutlined } from '@ant-design/icons';
+import { Table, Button, Tag, Space, Modal, Form, Select, Spin, Input, Tooltip, Card, Col, Row, Statistic } from 'antd';
+import { InfoCircleOutlined, EditOutlined, LockOutlined, UnlockOutlined, DeleteOutlined, UserOutlined } from '@ant-design/icons';
 import { useNavigate } from 'react-router-dom';
-import { useUsers, useUpdateUser, useDeleteUser, useUser } from '../../hooks/useUsers';
+import { useUsers, useUpdateUser, useDeleteUser, useUser, useUserStats } from '../../hooks/useUsers';
 import { User, UserListParams } from '../../types/api';
 import type { ColumnsType, SorterResult } from 'antd/es/table/interface';
 
@@ -10,6 +10,7 @@ const UserListPage: React.FC = () => {
     const navigate = useNavigate();
     const [params, setParams] = useState<UserListParams>({ limit: 20, offset: 0, sort: 'id', order: 'asc' });
     const { data, isLoading } = useUsers(params);
+    const { data: stats } = useUserStats();
     const updateUser = useUpdateUser();
     const deleteUser = useDeleteUser();
 
@@ -247,6 +248,27 @@ const UserListPage: React.FC = () => {
     return (
         <div>
             <h2>Пользователи</h2>
+            {stats && (
+                <Row gutter={16} style={{ marginBottom: 16 }}>
+                    <Col xs={12} sm={6} md={4}>
+                        <Card>
+                            <Statistic title="Всего" value={stats.total_users} prefix={<UserOutlined />} />
+                        </Card>
+                    </Col>
+                    <Col xs={12} sm={6} md={4}>
+                        <Card>
+                            <Statistic title="Неподтверждённые" value={stats.pending_users} />
+                        </Card>
+                    </Col>
+                    {Object.entries(stats.users_by_status || {}).map(([status, count]) => (
+                        <Col xs={12} sm={6} md={4} key={status}>
+                            <Card>
+                                <Statistic title={status} value={count} />
+                            </Card>
+                        </Col>
+                    ))}
+                </Row>
+            )}
             <Table
                 columns={columns}
                 dataSource={data?.data}