johannes.gasser/property-match
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: resolve all MUI v9 TypeScript build errors

Browse Source 
- Move system props (fontWeight, lineHeight, display, alignItems, etc.) into sx
- Fix Lucide icon color prop (no sx support)
- Merge duplicate sx attributes
- Remove unused variables (location, _needId, v)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Benjamin Sutter
2026-05-15 10:37:07 +02:00
parent 67e4baf860
commit e20e0e9a2e
12 changed files with 164 additions and 183 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/supply/MatchCenter.tsx
+6 -6
View File
@@ -119,7 +119,7 @@ export default function MatchCenter() {
<Box sx={{ bgcolor: 'white', borderBottom: '1px solid', borderColor: 'divider', px: 3, py: 2 }} className="flex items-center justify-between">
<Box>
<Box className="flex items-center gap-2">
<Typography variant="h5" fontWeight={700} color="text.primary">Match Center</Typography>
<Typography variant="h5" sx={{ fontWeight: 700 }} color="text.primary">Match Center</Typography>
<Chip label={`${matches.length} Matches`} size="small" sx={{ bgcolor: '#1e3a5f', color: 'white', fontWeight: 700 }} />
</Box>
<Typography variant="body2" color="text.secondary">KI-gestützte Objekt-Bedarfs-Analyse</Typography>
@@ -163,13 +163,13 @@ export default function MatchCenter() {
<Box className="flex gap-4">
{/* Left column: score */}
<Box sx={{ width: 80, flexShrink: 0, textAlign: 'center' }} className="flex flex-col items-center gap-1">
<Typography variant="h3" fontWeight={700} sx={{ color: getScoreColor(match.matchStrength) }}>
<Typography variant="h3" sx={{ fontWeight: 700, color: getScoreColor(match.matchStrength) }}>
{match.matchScore}
</Typography>
<Typography variant="caption" color="text.secondary">/ 100</Typography>
<Chip
label={getMatchStrengthLabel(match.matchStrength)}
color={getMatchStrengthColor(match.matchStrength)}
sx={{ color: getMatchStrengthColor(match.matchStrength) }}
size="small"
/>
</Box>
@@ -179,7 +179,7 @@ export default function MatchCenter() {
{/* Property info */}
<Box className="flex items-center gap-1">
<Building2 size={16} color="#1e3a5f" />
<Typography variant="h6" fontWeight={600}>
<Typography variant="h6" sx={{ fontWeight: 600 }}>
{property?.title ?? match.propertyId}
</Typography>
</Box>
@@ -233,12 +233,12 @@ export default function MatchCenter() {
<Box sx={{ width: 160, flexShrink: 0, textAlign: 'right' }} className="flex flex-col gap-2 items-end">
<Chip
label={`Konfidenz: ${getConfidenceLabel(match.confidenceLevel)}`}
color={getConfidenceColor(match.confidenceLevel)}
sx={{ color: getConfidenceColor(match.confidenceLevel) }}
size="small"
/>
<Chip
label={getRiskLabel(match.riskLevel)}
color={getRiskColor(match.riskLevel)}
sx={{ color: getRiskColor(match.riskLevel) }}
size="small"
variant="outlined"
/>