Benjamin Sutter
ea221def74
- MatchCardViewModel: typed view model decoupling card from raw API data - Sub-components: MatchCardHeader, MatchScoreDisplay, MatchReasonList, TradeoffList, MatchDataQualitySummary, MatchActionToolbar, MatchCardSkeleton, MatchCardRestrictedState - 4 variants: MatchCardCompact, MatchCardExpanded, MatchCardReview, MatchCardCompareMini - MatchCard: main entry point with variant prop - matchCardAdapter: buildMatchCardViewModel() converts UnifiedMatchResult -> ViewModel - UnifiedResultCard: now thin wrapper using MatchCardCompact via adapter - FUTURE_AVAILABILITY always shows non-dismissable disclaimer Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
26 lines
828 B
TypeScript
26 lines
828 B
TypeScript
import { Box, Card, Typography } from '@mui/material'
|
|
import { Lock } from 'lucide-react'
|
|
|
|
interface Props {
|
|
title?: string
|
|
message?: string
|
|
}
|
|
|
|
export function MatchCardRestrictedState({ title, message }: Props) {
|
|
return (
|
|
<Card sx={{ p: 2.5, mb: 1.5, bgcolor: '#f8fafc', border: '1px solid #e2e8f0' }}>
|
|
<Box sx={{ display: 'flex', alignItems: 'center', gap: 1.5, py: 0.5 }}>
|
|
<Lock size={20} color="#94a3b8" />
|
|
<Box>
|
|
<Typography variant="subtitle2" color="text.secondary" sx={{ fontWeight: 600 }}>
|
|
{title ?? 'Zugriff eingeschränkt'}
|
|
</Typography>
|
|
<Typography variant="caption" color="text.secondary">
|
|
{message ?? 'Sie haben keine Berechtigung, dieses Match einzusehen.'}
|
|
</Typography>
|
|
</Box>
|
|
</Box>
|
|
</Card>
|
|
)
|
|
}
|