import { useState, useEffect } from 'react' import type { NextPage } from 'next' import Head from 'next/head' import Link from 'next/link' interface Stats { total_sources: number high_risk_sources: number categories_breakdown: { [key: string]: number } top_domains: { domain: string; count: number; risk_level: number }[] } const Dashboard: NextPage = () => { const [stats, setStats] = useState(null) useEffect(() => { fetch('/api/stats') .then(res => res.json()) .then(setStats) }, []) return (

Verejný dashboard - Infohliadka

Verejný dashboard

{stats && (

Celkové štatistiky

Problematické zdroje: {stats.total_sources}

Vysoké riziko: {stats.high_risk_sources}

Top rizikoové domény

{stats.top_domains.slice(0, 5).map((domain, i) => (

{domain.domain} (riziko: {domain.risk_level})

))}

)}

← Späť na hlavnú stránku

) } export default Dashboard