import React, { useState, useEffect } from 'react'; import { useNavigate } from 'react-router-dom'; import { motion, AnimatePresence } from 'framer-motion'; import axios from 'axios'; import toast from 'react-hot-toast'; import { useAuth } from '../contexts/AuthContext'; import { useTheme } from '../contexts/ThemeContext'; import { Shield, LogOut, Users, FileText, CheckCircle, XCircle, Clock, Trash2, MessageSquare, Filter, Search } from 'lucide-react'; import { format } from 'date-fns'; import { ru } from 'date-fns/locale'; const AdminDashboard = () => { const { logout } = useAuth(); const { config } = useTheme(); const navigate = useNavigate(); const [entries, setEntries] = useState([]); const [filteredEntries, setFilteredEntries] = useState([]); const [loading, setLoading] = useState(true); const [selectedStatus, setSelectedStatus] = useState('all'); const [searchQuery, setSearchQuery] = useState(''); const [showRejectModal, setShowRejectModal] = useState(false); const [selectedEntry, setSelectedEntry] = useState(null); const [rejectionReason, setRejectionReason] = useState(''); useEffect(() => { fetchEntries(); }, []); useEffect(() => { filterEntries(); }, [entries, selectedStatus, searchQuery]); const fetchEntries = async () => { try { const response = await axios.get('/api/admin/entries'); setEntries(response.data); } catch (error) { toast.error('Ошибка при загрузке записей'); } finally { setLoading(false); } }; const filterEntries = () => { let filtered = entries; if (selectedStatus !== 'all') { filtered = filtered.filter(entry => entry.status === selectedStatus); } if (searchQuery) { filtered = filtered.filter(entry => entry.user.fullName.toLowerCase().includes(searchQuery.toLowerCase()) || JSON.stringify(entry.data).toLowerCase().includes(searchQuery.toLowerCase()) ); } setFilteredEntries(filtered); }; const handleStatusChange = async (entryId, newStatus) => { try { await axios.put(`/api/admin/entries/${entryId}/status`, { status: newStatus }); toast.success('Статус обновлен'); fetchEntries(); } catch (error) { toast.error('Ошибка при обновлении статуса'); } }; const handleReject = async () => { if (!rejectionReason.trim()) { toast.error('Укажите причину отклонения'); return; } try { await axios.put(`/api/admin/entries/${selectedEntry.id}/status`, { status: 'rejected', rejectionReason }); toast.success('Запись отклонена'); setShowRejectModal(false); setRejectionReason(''); fetchEntries(); } catch (error) { toast.error('Ошибка при отклонении записи'); } }; const handleDelete = async (id) => { if (!window.confirm('Вы уверены, что хотите удалить эту запись?')) return; try { await axios.delete(`/api/admin/entries/${id}`); toast.success('Запись удалена'); fetchEntries(); } catch (error) { toast.error('Ошибка при удалении записи'); } }; const handleLogout = () => { logout(); navigate('/login'); }; const getStatusOptions = (currentStatus) => { const allStatuses = config.statuses; return allStatuses.filter(status => status !== currentStatus); }; const getStatusLabel = (status) => { const statusLabels = { new: 'Новая', approved: 'Одобрена', rejected: 'Отклонена', studying: 'Идет обучение', completed: 'Обучение завершено', visited: 'Посещение состоялось', cancelled: 'Отменена', in_work: 'В работе', }; return statusLabels[status] || status; }; const getStatusColor = (status) => { const colors = { new: 'bg-yellow-100 text-yellow-800', approved: 'bg-green-100 text-green-800', rejected: 'bg-red-100 text-red-800', studying: 'bg-blue-100 text-blue-800', completed: 'bg-purple-100 text-purple-800', visited: 'bg-green-100 text-green-800', cancelled: 'bg-gray-100 text-gray-800', in_work: 'bg-orange-100 text-orange-800', }; return colors[status] || 'bg-gray-100 text-gray-800'; }; const stats = { total: entries.length, new: entries.filter(e => e.status === 'new').length, approved: entries.filter(e => ['approved', 'studying', 'visited', 'in_work'].includes(e.status)).length, rejected: entries.filter(e => ['rejected', 'cancelled'].includes(e.status)).length, }; if (loading) { return (
); } return (
{/* Header */}

Панель администратора - {config.name}

{/* Статистика */}

Всего записей

{stats.total}

Новые

{stats.new}

Одобрено

{stats.approved}

Отклонено

{stats.rejected}
{/* Фильтры */}
setSearchQuery(e.target.value)} placeholder="Поиск по имени или содержимому..." className="w-full pl-10 pr-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-red-500 focus:border-red-500" />
{/* Таблица записей */}
{filteredEntries.map((entry) => ( ))}
Пользователь Данные Статус Дата Действия
{entry.user.fullName}
{entry.user.email}
{entry.user.phone}
{Object.entries(entry.data).map(([key, value]) => { if (key === 'review' || key === 'reviewDate') return null; const field = config.fields.find(f => f.name === key); if (!field) return null; return (
{field.label}: {value}
); })}
{format(new Date(entry.createdAt), 'dd MMM yyyy', { locale: ru })}
{format(new Date(entry.createdAt), 'HH:mm')}
{config.features.rejectionReason && entry.status === 'new' && ( )}
{/* Modal отклонения */} {showRejectModal && ( setShowRejectModal(false)} > e.stopPropagation()} >

Отклонить запись