Аутентифікація → Перевірка ролі → Перевірка дозволів → Логування дій → Відповідь

Аутентифікація → Перевірка ролі → Перевірка дозволів → Логування дій → Відповідь

Аутентифікація → Перевірка ролі → Перевірка дозволів → Логування дій → Відповідь

curl -X GET "http://localhost:3000/api/admin/users?page=1&limit=20&role=MEMBER&status=active&sortBy=createdAt&sortOrder=desc" \
  -H "Authorization: Bearer admin-session-token"

import { useState, useEffect } from 'react'

interface AdminStats {
  totalUsers: number
  activeUsers: number
  newUsersToday: number
  totalEntities: number
  totalOpportunities: number
  systemHealth: 'healthy' | 'warning' | 'critical'
}

export function AdminDashboard() {
  const [stats, setStats] = useState<AdminStats | null>(null)
  const [loading, setLoading] = useState(true)

  useEffect(() => {
    fetchAdminStats()
  }, [])

  const fetchAdminStats = async () => {
    try {
      const [usersRes, analyticsRes] = await Promise.all([
        fetch('/api/admin/users?limit=1'),
        fetch('/api/admin/analytics?period=day')
      ])

      const usersData = await usersRes.json()
      const analyticsData = await analyticsRes.json()

      setStats({
        totalUsers: usersData.pagination.total,
        activeUsers: analyticsData.userMetrics.activity.dailyActiveUsers,
        newUsersToday: analyticsData.userMetrics.registrations.byDay.slice(-1)[0],
        totalEntities: analyticsData.contentMetrics.entities.active,
        totalOpportunities: analyticsData.contentMetrics.opportunities.posted,
        systemHealth: analyticsData.systemMetrics.performance.errorRate < 0.01 ? 'healthy' :
                     analyticsData.systemMetrics.performance.errorRate < 0.05 ? 'warning' : 'critical'
      })
    } catch (error) {
      console.error('Не вдалося отримати адмін статистику:', error)
    } finally {
      setLoading(false)
    }
  }

  if (loading) return <div>Завантаження адмін дашборду...</div>

  return (
    <div className="admin-dashboard">
      <h1 className="text-2xl font-bold mb-6">Адмін дашборд</h1>

      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 mb-6">
        <UiCard>
          <UiCardHeader className="pb-2">
            <UiCardTitle className="text-sm font-medium">Загалом користувачів</UiCardTitle>
          </UiCardHeader>
          <UiCardContent>
            <div className="text-2xl font-bold">{stats?.totalUsers.toLocaleString()}</div>
          </UiCardContent>
        </UiCard>

        <UiCard>
          <UiCardHeader className="pb-2">
            <UiCardTitle className="text-sm font-medium">Активних сьогодні</UiCardTitle>
          </UiCardHeader>
          <UiCardContent>
            <div className="text-2xl font-bold">{stats?.activeUsers.toLocaleString()}</div>
          </UiCardContent>
        </UiCard>

        <UiCard>
          <UiCardHeader className="pb-2">
            <UiCardTitle className="text-sm font-medium">Нових сьогодні</UiCardTitle>
          </UiCardHeader>
          <UiCardContent>
            <div className="text-2xl font-bold text-green-600">+{stats?.newUsersToday}</div>
          </UiCardContent>
        </UiCard>

        <UiCard>
          <UiCardHeader className="pb-2">
            <UiCardTitle className="text-sm font-medium">Стан системи</UiCardTitle>
          </UiCardHeader>
          <UiCardContent>
            <div className={`text-2xl font-bold ${
              stats?.systemHealth === 'healthy' ? 'text-green-600' :
              stats?.systemHealth === 'warning' ? 'text-yellow-600' : 'text-red-600'
            }`}>
              {stats?.systemHealth.toUpperCase()}
            </div>
          </UiCardContent>
        </UiCard>
      </div>

      {/* Додаткові адмін компоненти */}
      <UserManagement />
      <SystemConfiguration />
      <AuditLogs />
    </div>
  )
}

curl -X GET "http://localhost:3000/api/admin/users?page=1&limit=20&role=MEMBER&status=active&sortBy=createdAt&sortOrder=desc" \
  -H "Authorization: Bearer admin-session-token"

import { useState, useEffect } from 'react'

interface AdminStats {
  totalUsers: number
  activeUsers: number
  newUsersToday: number
  totalEntities: number
  totalOpportunities: number
  systemHealth: 'healthy' | 'warning' | 'critical'
}

export function AdminDashboard() {
  const [stats, setStats] = useState<AdminStats | null>(null)
  const [loading, setLoading] = useState(true)

  useEffect(() => {
    fetchAdminStats()
  }, [])

  const fetchAdminStats = async () => {
    try {
      const [usersRes, analyticsRes] = await Promise.all([
        fetch('/api/admin/users?limit=1'),
        fetch('/api/admin/analytics?period=day')
      ])

      const usersData = await usersRes.json()
      const analyticsData = await analyticsRes.json()

      setStats({
        totalUsers: usersData.pagination.total,
        activeUsers: analyticsData.userMetrics.activity.dailyActiveUsers,
        newUsersToday: analyticsData.userMetrics.registrations.byDay.slice(-1)[0],
        totalEntities: analyticsData.contentMetrics.entities.active,
        totalOpportunities: analyticsData.contentMetrics.opportunities.posted,
        systemHealth: analyticsData.systemMetrics.performance.errorRate < 0.01 ? 'healthy' :
                     analyticsData.systemMetrics.performance.errorRate < 0.05 ? 'warning' : 'critical'
      })
    } catch (error) {
      console.error('Не вдалося отримати адмін статистику:', error)
    } finally {
      setLoading(false)
    }
  }

  if (loading) return <div>Завантаження адмін дашборду...</div>

  return (
    <div className="admin-dashboard">
      <h1 className="text-2xl font-bold mb-6">Адмін дашборд</h1>

      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 mb-6">
        <UiCard>
          <UiCardHeader className="pb-2">
            <UiCardTitle className="text-sm font-medium">Загалом користувачів</UiCardTitle>
          </UiCardHeader>
          <UiCardContent>
            <div className="text-2xl font-bold">{stats?.totalUsers.toLocaleString()}</div>
          </UiCardContent>
        </UiCard>

        <UiCard>
          <UiCardHeader className="pb-2">
            <UiCardTitle className="text-sm font-medium">Активних сьогодні</UiCardTitle>
          </UiCardHeader>
          <UiCardContent>
            <div className="text-2xl font-bold">{stats?.activeUsers.toLocaleString()}</div>
          </UiCardContent>
        </UiCard>

        <UiCard>
          <UiCardHeader className="pb-2">
            <UiCardTitle className="text-sm font-medium">Нових сьогодні</UiCardTitle>
          </UiCardHeader>
          <UiCardContent>
            <div className="text-2xl font-bold text-green-600">+{stats?.newUsersToday}</div>
          </UiCardContent>
        </UiCard>

        <UiCard>
          <UiCardHeader className="pb-2">
            <UiCardTitle className="text-sm font-medium">Стан системи</UiCardTitle>
          </UiCardHeader>
          <UiCardContent>
            <div className={`text-2xl font-bold ${
              stats?.systemHealth === 'healthy' ? 'text-green-600' :
              stats?.systemHealth === 'warning' ? 'text-yellow-600' : 'text-red-600'
            }`}>
              {stats?.systemHealth.toUpperCase()}
            </div>
          </UiCardContent>
        </UiCard>
      </div>

      {/* Додаткові адмін компоненти */}
      <UserManagement />
      <SystemConfiguration />
      <AuditLogs />
    </div>
  )
}

curl -X GET "http://localhost:3000/api/admin/users?page=1&limit=20&role=MEMBER&status=active&sortBy=createdAt&sortOrder=desc" \
  -H "Authorization: Bearer admin-session-token"

import { useState, useEffect } from 'react'

interface AdminStats {
  totalUsers: number
  activeUsers: number
  newUsersToday: number
  totalEntities: number
  totalOpportunities: number
  systemHealth: 'healthy' | 'warning' | 'critical'
}

export function AdminDashboard() {
  const [stats, setStats] = useState<AdminStats | null>(null)
  const [loading, setLoading] = useState(true)

  useEffect(() => {
    fetchAdminStats()
  }, [])

  const fetchAdminStats = async () => {
    try {
      const [usersRes, analyticsRes] = await Promise.all([
        fetch('/api/admin/users?limit=1'),
        fetch('/api/admin/analytics?period=day')
      ])

      const usersData = await usersRes.json()
      const analyticsData = await analyticsRes.json()

      setStats({
        totalUsers: usersData.pagination.total,
        activeUsers: analyticsData.userMetrics.activity.dailyActiveUsers,
        newUsersToday: analyticsData.userMetrics.registrations.byDay.slice(-1)[0],
        totalEntities: analyticsData.contentMetrics.entities.active,
        totalOpportunities: analyticsData.contentMetrics.opportunities.posted,
        systemHealth: analyticsData.systemMetrics.performance.errorRate < 0.01 ? 'healthy' :
                     analyticsData.systemMetrics.performance.errorRate < 0.05 ? 'warning' : 'critical'
      })
    } catch (error) {
      console.error('Не вдалося отримати адмін статистику:', error)
    } finally {
      setLoading(false)
    }
  }

  if (loading) return <div>Завантаження адмін дашборду...</div>

  return (
    <div className="admin-dashboard">
      <h1 className="text-2xl font-bold mb-6">Адмін дашборд</h1>

      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 mb-6">
        <UiCard>
          <UiCardHeader className="pb-2">
            <UiCardTitle className="text-sm font-medium">Загалом користувачів</UiCardTitle>
          </UiCardHeader>
          <UiCardContent>
            <div className="text-2xl font-bold">{stats?.totalUsers.toLocaleString()}</div>
          </UiCardContent>
        </UiCard>

        <UiCard>
          <UiCardHeader className="pb-2">
            <UiCardTitle className="text-sm font-medium">Активних сьогодні</UiCardTitle>
          </UiCardHeader>
          <UiCardContent>
            <div className="text-2xl font-bold">{stats?.activeUsers.toLocaleString()}</div>
          </UiCardContent>
        </UiCard>

        <UiCard>
          <UiCardHeader className="pb-2">
            <UiCardTitle className="text-sm font-medium">Нових сьогодні</UiCardTitle>
          </UiCardHeader>
          <UiCardContent>
            <div className="text-2xl font-bold text-green-600">+{stats?.newUsersToday}</div>
          </UiCardContent>
        </UiCard>

        <UiCard>
          <UiCardHeader className="pb-2">
            <UiCardTitle className="text-sm font-medium">Стан системи</UiCardTitle>
          </UiCardHeader>
          <UiCardContent>
            <div className={`text-2xl font-bold ${
              stats?.systemHealth === 'healthy' ? 'text-green-600' :
              stats?.systemHealth === 'warning' ? 'text-yellow-600' : 'text-red-600'
            }`}>
              {stats?.systemHealth.toUpperCase()}
            </div>
          </UiCardContent>
        </UiCard>
      </div>

      {/* Додаткові адмін компоненти */}
      <UserManagement />
      <SystemConfiguration />
      <AuditLogs />
    </div>
  )
}