fix: move map from header into Übersicht tab content

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Benjamin Sutter
2026-05-18 22:18:39 +02:00
parent 73ff758f03
commit 52a2693cad
+19 -11
View File
@@ -126,6 +126,24 @@ function OverviewPanel({ p }: { p: Property }) {
</Typography>
</>
)}
{p.location.coordinates && (
<Box sx={{ mb: 2.5, borderRadius: 1, overflow: 'hidden', border: '1px solid #e2e8f0' }}>
<Box sx={{ px: 1.5, pt: 1.25, pb: 0.75 }}>
<Typography variant="caption" sx={{ fontWeight: 600, color: '#64748b', textTransform: 'uppercase', letterSpacing: 0.5 }}>
Standort
</Typography>
<Typography variant="caption" color="text.secondary" sx={{ display: 'block' }}>
{p.address.street} {p.address.houseNumber}, {p.address.postalCode} {p.address.city}
</Typography>
</Box>
<PropertyMap
lat={p.location.coordinates.lat}
lng={p.location.coordinates.lng}
label={p.title}
height={160}
/>
</Box>
)}
<SectionTitle title="Datenqualität" />
<Box sx={{ display: 'flex', justifyContent: 'space-between', mb: 0.5 }}>
<Typography variant="body2" color="text.secondary">Score</Typography>
@@ -366,7 +384,7 @@ export function PropertyDetailView({ propertyId, onClose }: PropertyDetailViewPr
)}
</Box>
{/* Photo + Map — stacked, compact */}
{/* Photo only — map moved into Übersicht tab */}
{property.images?.[0] && (
<Box sx={{ flexShrink: 0, height: 160, overflow: 'hidden' }}>
<img
@@ -376,16 +394,6 @@ export function PropertyDetailView({ propertyId, onClose }: PropertyDetailViewPr
/>
</Box>
)}
{property.location.coordinates && (
<Box sx={{ flexShrink: 0, borderBottom: '1px solid #e2e8f0' }}>
<PropertyMap
lat={property.location.coordinates.lat}
lng={property.location.coordinates.lng}
label={property.title}
height={120}
/>
</Box>
)}
{/* Tabs */}
<Tabs