fix: resolve all MUI v9 TypeScript build errors

- 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
+10 -10
View File
@@ -124,7 +124,7 @@ export default function AIMonitoring() {
>
<Box sx={{ flex: 1 }}>
<Box sx={{ display: 'flex', alignItems: 'center', gap: 1.5 }}>
<Typography variant="h5" fontWeight={700} color="text.primary">
<Typography variant="h5" sx={{ fontWeight: 700 }} color="text.primary">
AI Monitoring
</Typography>
<Chip
@@ -154,10 +154,10 @@ export default function AIMonitoring() {
<Box className="grid grid-cols-4 gap-4" sx={{ mb: 3 }}>
{HEALTH_METRICS.map(m => (
<Card key={m.label} sx={{ p: 2.5 }}>
<Typography variant="overline" color="text.secondary" lineHeight={1.4} display="block">
<Typography variant="overline" color="text.secondary" sx={{ lineHeight: 1.4, display: 'block' }}>
{m.label}
</Typography>
<Typography variant="h3" fontWeight={800} sx={{ color: m.color }}>
<Typography variant="h3" sx={{ fontWeight: 800, color: m.color }}>
{m.value}
</Typography>
<Typography variant="caption" color="text.secondary">
@@ -170,7 +170,7 @@ export default function AIMonitoring() {
<Box className="grid grid-cols-2 gap-4" sx={{ mb: 3 }}>
{/* Confidence Distribution */}
<Card sx={{ p: 2.5 }}>
<Typography variant="subtitle1" fontWeight={600} mb={2}>
<Typography variant="subtitle1" sx={{ fontWeight: 600, mb: 2 }}>
Konfidenzverteilung
</Typography>
@@ -182,7 +182,7 @@ export default function AIMonitoring() {
<Stack spacing={2}>
<Box>
<Box sx={{ display: 'flex', justifyContent: 'space-between', mb: 0.5 }}>
<Typography variant="body2" fontWeight={500}>Hoch (&gt;85%)</Typography>
<Typography variant="body2" sx={{ fontWeight: 500 }}>Hoch (&gt;85%)</Typography>
<Typography variant="body2" color="text.secondary">{highConf} Objekte</Typography>
</Box>
<LinearProgress
@@ -194,7 +194,7 @@ export default function AIMonitoring() {
</Box>
<Box>
<Box sx={{ display: 'flex', justifyContent: 'space-between', mb: 0.5 }}>
<Typography variant="body2" fontWeight={500}>Mittel (6585%)</Typography>
<Typography variant="body2" sx={{ fontWeight: 500 }}>Mittel (6585%)</Typography>
<Typography variant="body2" color="text.secondary">{midConf} Objekte</Typography>
</Box>
<LinearProgress
@@ -206,7 +206,7 @@ export default function AIMonitoring() {
</Box>
<Box>
<Box sx={{ display: 'flex', justifyContent: 'space-between', mb: 0.5 }}>
<Typography variant="body2" fontWeight={500}>Niedrig (&lt;65%)</Typography>
<Typography variant="body2" sx={{ fontWeight: 500 }}>Niedrig (&lt;65%)</Typography>
<Typography variant="body2" color="text.secondary">{lowConf} Objekte</Typography>
</Box>
<LinearProgress
@@ -222,7 +222,7 @@ export default function AIMonitoring() {
{/* Anomaly Alerts */}
<Card sx={{ p: 2.5 }}>
<Typography variant="subtitle1" fontWeight={600} mb={2}>
<Typography variant="subtitle1" sx={{ fontWeight: 600, mb: 2 }}>
Anomalien
</Typography>
<Stack spacing={1.5}>
@@ -239,7 +239,7 @@ export default function AIMonitoring() {
{/* Recent AI Decisions */}
<Card>
<Box sx={{ px: 2.5, py: 2, borderBottom: '1px solid #f1f5f9' }}>
<Typography variant="subtitle1" fontWeight={600}>
<Typography variant="subtitle1" sx={{ fontWeight: 600 }}>
Letzte KI-Entscheidungen
</Typography>
</Box>
@@ -260,7 +260,7 @@ export default function AIMonitoring() {
<Typography variant="caption" color="text.secondary">{d.timestamp}</Typography>
</TableCell>
<TableCell>
<Typography variant="body2" fontWeight={500}>{d.type}</Typography>
<Typography variant="body2" sx={{ fontWeight: 500 }}>{d.type}</Typography>
</TableCell>
<TableCell>{getConfidenceBadge(d.confidence)}</TableCell>
<TableCell>