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>
32 lines
1.3 KiB
TypeScript
32 lines
1.3 KiB
TypeScript
import type { SbomStats } from '../types'
|
|
|
|
interface StatsCardsProps {
|
|
stats: SbomStats
|
|
}
|
|
|
|
export function StatsCards({ stats }: StatsCardsProps) {
|
|
const items = [
|
|
{ value: stats.totalAll, label: 'Komponenten Total', color: 'text-slate-800' },
|
|
{ value: stats.totalInfra, label: 'Docker Services', color: 'text-purple-600' },
|
|
{ value: stats.totalSecurityTools, label: 'Security Tools', color: 'text-red-600' },
|
|
{ value: stats.totalPython, label: 'Python', color: 'text-emerald-600' },
|
|
{ value: stats.totalGo, label: 'Go', color: 'text-sky-600' },
|
|
{ value: stats.totalNode, label: 'Node.js', color: 'text-lime-600' },
|
|
{ value: stats.totalUnity, label: 'Unity', color: 'text-amber-600' },
|
|
{ value: stats.totalCsharp, label: 'C#', color: 'text-fuchsia-600' },
|
|
{ value: stats.databases, label: 'Datenbanken', color: 'text-blue-600' },
|
|
{ value: stats.game, label: 'Game', color: 'text-rose-600' },
|
|
]
|
|
|
|
return (
|
|
<div className="grid grid-cols-2 md:grid-cols-5 lg:grid-cols-10 gap-4 mb-6">
|
|
{items.map((item) => (
|
|
<div key={item.label} className="bg-white rounded-lg shadow p-4">
|
|
<div className={`text-3xl font-bold ${item.color}`}>{item.value}</div>
|
|
<div className="text-sm text-slate-500">{item.label}</div>
|
|
</div>
|
|
))}
|
|
</div>
|
|
)
|
|
}
|