b681ddb131
Phase 1 — Python (klausur-service): 5 monoliths → 36 files - dsfa_corpus_ingestion.py (1,828 LOC → 5 files) - cv_ocr_engines.py (2,102 LOC → 7 files) - cv_layout.py (3,653 LOC → 10 files) - vocab_worksheet_api.py (2,783 LOC → 8 files) - grid_build_core.py (1,958 LOC → 6 files) Phase 2 — Go (edu-search-service, school-service): 8 monoliths → 19 files - staff_crawler.go (1,402 → 4), policy/store.go (1,168 → 3) - policy_handlers.go (700 → 2), repository.go (684 → 2) - search.go (592 → 2), ai_extraction_handlers.go (554 → 2) - seed_data.go (591 → 2), grade_service.go (646 → 2) Phase 3 — TypeScript (admin-lehrer): 45 monoliths → 220+ files - sdk/types.ts (2,108 → 16 domain files) - ai/rag/page.tsx (2,686 → 14 files) - 22 page.tsx files split into _components/ + _hooks/ - 11 component files split into sub-components - 10 SDK data catalogs added to loc-exceptions - Deleted dead backup index_original.ts (4,899 LOC) All original public APIs preserved via re-export facades. Zero new errors: Python imports verified, Go builds clean, TypeScript tsc --noEmit shows only pre-existing errors. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
69 lines
2.8 KiB
TypeScript
69 lines
2.8 KiB
TypeScript
'use client'
|
|
|
|
import type { AlertItem, Topic } from '../types'
|
|
import { formatTimeAgo, getScoreBadgeClass } from '../useAlertsData'
|
|
|
|
interface DashboardTabProps {
|
|
topics: Topic[]
|
|
alerts: AlertItem[]
|
|
error: string | null
|
|
}
|
|
|
|
export function DashboardTab({ topics, alerts, error }: DashboardTabProps) {
|
|
return (
|
|
<div className="space-y-6">
|
|
{/* Quick Actions */}
|
|
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
|
|
<div className="bg-slate-50 rounded-xl p-6">
|
|
<h3 className="font-semibold text-slate-900 mb-4">Aktive Topics</h3>
|
|
<div className="space-y-3">
|
|
{topics.slice(0, 5).map((topic) => (
|
|
<div key={topic.id} className="flex items-center justify-between p-3 bg-white rounded-lg border border-slate-200">
|
|
<div>
|
|
<div className="font-medium text-slate-900">{topic.name}</div>
|
|
<div className="text-xs text-slate-500">{topic.alert_count} Alerts</div>
|
|
</div>
|
|
<span className={`px-2 py-1 rounded text-xs font-semibold ${topic.is_active ? 'bg-green-100 text-green-800' : 'bg-slate-100 text-slate-600'}`}>
|
|
{topic.is_active ? 'Aktiv' : 'Pausiert'}
|
|
</span>
|
|
</div>
|
|
))}
|
|
{topics.length === 0 && (
|
|
<div className="text-sm text-slate-500 text-center py-4">Keine Topics konfiguriert</div>
|
|
)}
|
|
</div>
|
|
</div>
|
|
|
|
<div className="bg-slate-50 rounded-xl p-6">
|
|
<h3 className="font-semibold text-slate-900 mb-4">Letzte Alerts</h3>
|
|
<div className="space-y-3">
|
|
{alerts.slice(0, 5).map((alert) => {
|
|
const badge = getScoreBadgeClass(alert.relevance_score)
|
|
return (
|
|
<div key={alert.id} className="p-3 bg-white rounded-lg border border-slate-200">
|
|
<div className="font-medium text-slate-900 text-sm truncate">{alert.title}</div>
|
|
<div className="flex items-center gap-2 mt-1">
|
|
<span className="text-xs text-slate-500">{alert.topic_name}</span>
|
|
{badge && <span className={`px-2 py-0.5 rounded text-xs font-semibold ${badge.cls}`}>{badge.pct}%</span>}
|
|
</div>
|
|
</div>
|
|
)
|
|
})}
|
|
{alerts.length === 0 && (
|
|
<div className="text-sm text-slate-500 text-center py-4">Keine Alerts vorhanden</div>
|
|
)}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{error && (
|
|
<div className="bg-amber-50 border border-amber-200 rounded-lg p-4">
|
|
<p className="text-sm text-amber-800">
|
|
<strong>Hinweis:</strong> API nicht erreichbar. Demo-Daten werden angezeigt.
|
|
</p>
|
|
</div>
|
|
)}
|
|
</div>
|
|
)
|
|
}
|