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

src/pages/subscriptions/SubscriptionListPage.tsx

@@ -1,8 +1,8 @@
 import React, { useState, useEffect } from 'react';
-import { Table, Button, Tag, Space, Modal, Form, Select, DatePicker, Tooltip, Spin } from 'antd';
-import { EditOutlined, DeleteOutlined } from '@ant-design/icons';
+import { Table, Button, Tag, Space, Modal, Form, Select, DatePicker, Tooltip, Spin, Card, Col, Row, Statistic } from 'antd';
+import { EditOutlined, DeleteOutlined, DollarOutlined } from '@ant-design/icons';
 import { Link } from 'react-router-dom';
-import { useSubscriptions, useUpdateSubscription, useDeleteSubscription, useSubscription } from '../../hooks/useSubscriptions';
+import { useSubscriptions, useUpdateSubscription, useDeleteSubscription, useSubscription, useSubscriptionStats } from '../../hooks/useSubscriptions';
 import { useUser } from '../../hooks/useUsers';
 import { Subscription, SubscriptionListParams } from '../../types/api';
 import type { ColumnsType, SorterResult } from 'antd/es/table/interface';
@@ -11,6 +11,7 @@ import dayjs from 'dayjs';
 const SubscriptionListPage: React.FC = () => {
     const [params, setParams] = useState<SubscriptionListParams>({ limit: 20, offset: 0 });
     const { data, isLoading } = useSubscriptions(params);
+    const { data: stats } = useSubscriptionStats();
     const updateSubscription = useUpdateSubscription();
     const deleteSubscription = useDeleteSubscription();
 
@@ -178,6 +179,27 @@ const SubscriptionListPage: 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_subscriptions} prefix={<DollarOutlined />} />
+                        </Card>
+                    </Col>
+                    <Col xs={12} sm={6} md={4}>
+                        <Card>
+                            <Statistic title="Пробные" value={stats.trial_subscriptions} />
+                        </Card>
+                    </Col>
+                    {Object.entries(stats.subscriptions_by_status || {}).map(([status, count]) => (
+                        <Col xs={12} sm={6} md={4} key={status}>
+                            <Card>
+                                <Statistic title={status} value={count} />
+                            </Card>
+                        </Col>
+                    ))}
+                </Row>
+            )}
             <Space style={{ marginBottom: 16 }}>
                 <Select
                     allowClear