660295e218
The admin-v2 application was incomplete in the repository. This commit restores all missing components: - Admin pages (76 pages): dashboard, ai, compliance, dsgvo, education, infrastructure, communication, development, onboarding, rbac - SDK pages (45 pages): tom, dsfa, vvt, loeschfristen, einwilligungen, vendor-compliance, tom-generator, dsr, and more - Developer portal (25 pages): API docs, SDK guides, frameworks - All components, lib files, hooks, and types - Updated package.json with all dependencies The issue was caused by incomplete initial repository state - the full admin-v2 codebase existed in backend/admin-v2 and docs-src/admin-v2 but was never fully synced to the main admin-v2 directory. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
58 lines
1.8 KiB
TypeScript
58 lines
1.8 KiB
TypeScript
'use client'
|
||
|
||
import type { TestResult } from './types'
|
||
|
||
interface TestResultCardProps {
|
||
result: TestResult
|
||
}
|
||
|
||
export function TestResultCard({ result }: TestResultCardProps) {
|
||
const statusColors = {
|
||
passed: 'bg-green-100 border-green-300 text-green-800',
|
||
failed: 'bg-red-100 border-red-300 text-red-800',
|
||
pending: 'bg-yellow-100 border-yellow-300 text-yellow-800',
|
||
skipped: 'bg-gray-100 border-gray-300 text-gray-600',
|
||
}
|
||
|
||
const statusIcons = {
|
||
passed: '✓',
|
||
failed: '✗',
|
||
pending: '○',
|
||
skipped: '−',
|
||
}
|
||
|
||
return (
|
||
<div className={`border rounded-lg p-4 mb-3 ${statusColors[result.status]}`}>
|
||
<div className="flex items-start justify-between">
|
||
<div className="flex-1">
|
||
<h4 className="font-medium flex items-center">
|
||
<span className="mr-2">{statusIcons[result.status]}</span>
|
||
{result.name}
|
||
</h4>
|
||
<p className="text-sm opacity-80 mt-1">{result.description}</p>
|
||
</div>
|
||
<span className="text-xs opacity-60">{result.duration_ms.toFixed(0)}ms</span>
|
||
</div>
|
||
<div className="mt-3 grid grid-cols-2 gap-4 text-sm">
|
||
<div>
|
||
<span className="font-medium">Erwartet:</span>
|
||
<code className="block mt-1 bg-white bg-opacity-50 px-2 py-1 rounded text-xs">
|
||
{result.expected}
|
||
</code>
|
||
</div>
|
||
<div>
|
||
<span className="font-medium">Erhalten:</span>
|
||
<code className="block mt-1 bg-white bg-opacity-50 px-2 py-1 rounded text-xs">
|
||
{result.actual}
|
||
</code>
|
||
</div>
|
||
</div>
|
||
{result.error_message && (
|
||
<div className="mt-2 text-xs text-red-700 bg-red-50 p-2 rounded">
|
||
Fehler: {result.error_message}
|
||
</div>
|
||
)}
|
||
</div>
|
||
)
|
||
}
|