feat: F029 intelligence card system — premium AI-native CRE cards
Gold/Silver/Bronze FIFA-style score badges overlaid on location imagery. List/grid view toggle on Results and Properties pages (persisted in localStorage). IntelligenceMatchCard for match results grid view; PropertyIntelligenceCard for property grid view with warm brown theme. LocationPreview component with Google Maps link. 10 mock properties enriched with Unsplash building images. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -0,0 +1,46 @@
|
||||
import { Box, IconButton, Tooltip } from '@mui/material'
|
||||
import { LayoutGrid, LayoutList } from 'lucide-react'
|
||||
|
||||
interface Props {
|
||||
view: 'list' | 'grid'
|
||||
onChange: (v: 'list' | 'grid') => void
|
||||
}
|
||||
|
||||
export function ViewToggle({ view, onChange }: Props) {
|
||||
return (
|
||||
<Box sx={{ display: 'flex', gap: 0.25, border: '1px solid #e2e8f0', borderRadius: 1, overflow: 'hidden' }}>
|
||||
<Tooltip title="Listenansicht">
|
||||
<IconButton
|
||||
size="small"
|
||||
onClick={() => onChange('list')}
|
||||
sx={{
|
||||
borderRadius: 0,
|
||||
width: 32,
|
||||
height: 32,
|
||||
bgcolor: view === 'list' ? '#1e3a5f' : 'transparent',
|
||||
color: view === 'list' ? 'white' : '#64748b',
|
||||
'&:hover': { bgcolor: view === 'list' ? '#162d4a' : '#f1f5f9' },
|
||||
}}
|
||||
>
|
||||
<LayoutList size={15} />
|
||||
</IconButton>
|
||||
</Tooltip>
|
||||
<Tooltip title="Kartenansicht">
|
||||
<IconButton
|
||||
size="small"
|
||||
onClick={() => onChange('grid')}
|
||||
sx={{
|
||||
borderRadius: 0,
|
||||
width: 32,
|
||||
height: 32,
|
||||
bgcolor: view === 'grid' ? '#1e3a5f' : 'transparent',
|
||||
color: view === 'grid' ? 'white' : '#64748b',
|
||||
'&:hover': { bgcolor: view === 'grid' ? '#162d4a' : '#f1f5f9' },
|
||||
}}
|
||||
>
|
||||
<LayoutGrid size={15} />
|
||||
</IconButton>
|
||||
</Tooltip>
|
||||
</Box>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user