451365a312
website (17 pages + 3 components): - multiplayer/wizard, middleware/wizard+test-wizard, communication - builds/wizard, staff-search, voice, sbom/wizard - foerderantrag, mail/tasks, tools/communication, sbom - compliance/evidence, uni-crawler, brandbook (already done) - CollectionsTab, IngestionTab, RiskHeatmap backend-lehrer (5 files): - letters_api (641 → 2), certificates_api (636 → 2) - alerts_agent/db/models (636 → 3) - llm_gateway/communication_service (614 → 2) - game/database already done in prior batch klausur-service (2 files): - hybrid_vocab_extractor (664 → 2) - klausur-service/frontend: api.ts (620 → 3), EHUploadWizard (591 → 2) voice-service (3 files): - bqas/rag_judge (618 → 3), runner (529 → 2) - enhanced_task_orchestrator (519 → 2) studio-v2 (6 files): - korrektur/[klausurId] (578 → 4), fairness (569 → 2) - AlertsWizard (552 → 2), OnboardingWizard (513 → 2) - korrektur/api.ts (506 → 3), geo-lernwelt (501 → 2) Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
30 lines
752 B
TypeScript
30 lines
752 B
TypeScript
interface StatCardProps {
|
|
label: string
|
|
value: number
|
|
color?: 'slate' | 'blue' | 'green' | 'yellow' | 'red' | 'orange'
|
|
highlight?: boolean
|
|
}
|
|
|
|
const colorClasses: Record<string, string> = {
|
|
slate: 'text-slate-900',
|
|
blue: 'text-blue-600',
|
|
green: 'text-green-600',
|
|
yellow: 'text-yellow-600',
|
|
red: 'text-red-600',
|
|
orange: 'text-orange-600',
|
|
}
|
|
|
|
export function StatCard({
|
|
label,
|
|
value,
|
|
color = 'slate',
|
|
highlight = false
|
|
}: StatCardProps) {
|
|
return (
|
|
<div className={`bg-white rounded-lg shadow p-4 ${highlight ? 'ring-2 ring-red-200' : ''}`}>
|
|
<p className="text-xs text-slate-500 uppercase tracking-wider mb-1">{label}</p>
|
|
<p className={`text-2xl font-bold ${colorClasses[color]}`}>{value}</p>
|
|
</div>
|
|
)
|
|
}
|