Initial commit

2026-05-15 00:48:18 +02:00
commit 9e827c50f9
72 changed files with 10477 additions and 0 deletions
@@ -0,0 +1,174 @@
+import {
+  Box,
+  Button,
+  Card,
+  Chip,
+  Typography,
+  Stack,
+  Divider,
+  List,
+  ListItem,
+  ListItemText,
+} from '@mui/material'
+import { Bookmark } from 'lucide-react'
+
+interface MockShortlist {
+  id: string
+  title: string
+  company: string
+  assetType: string
+  objectCount: number
+  createdAt: string
+  updatedAt: string
+  properties: string[]
+}
+
+const MOCK_SHORTLISTS: MockShortlist[] = [
+  {
+    id: 'sl-001',
+    title: 'Bürosuche Innovatech AG',
+    company: 'Innovatech AG',
+    assetType: 'Büro',
+    objectCount: 2,
+    createdAt: '01.05.2025',
+    updatedAt: '08.05.2025',
+    properties: ['Bürofläche Zollstrasse 12', 'Gemischte Gewerbeeinheit Europaallee'],
+  },
+  {
+    id: 'sl-002',
+    title: 'Logistik Basel — Schweizer Logistik',
+    company: 'Schweizer Logistik GmbH',
+    assetType: 'Logistik',
+    objectCount: 1,
+    createdAt: '03.05.2025',
+    updatedAt: '03.05.2025',
+    properties: ['Lagerfläche Hardstrasse 44'],
+  },
+]
+
+export default function Shortlists() {
+  return (
+    <Box>
+      {/* Page Header */}
+      <Box
+        sx={{
+          bgcolor: 'white',
+          borderBottom: '1px solid #e2e8f0',
+          px: 3,
+          py: 2,
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'space-between',
+        }}
+      >
+        <Box>
+          <Typography variant="h5" fontWeight={700} color="text.primary">
+            Shortlists
+          </Typography>
+          <Typography variant="body2" color="text.secondary">
+            Gespeicherte Objektlisten und Entscheidungsvorlagen
+          </Typography>
+        </Box>
+        <Button
+          variant="contained"
+          size="small"
+          startIcon={<Bookmark size={14} />}
+          disabled
+          sx={{ bgcolor: '#1e3a5f' }}
+        >
+          Neue Shortlist
+        </Button>
+      </Box>
+
+      <Box sx={{ px: 3, py: 3 }}>
+        <Stack spacing={2}>
+          {MOCK_SHORTLISTS.map(sl => (
+            <Card key={sl.id} sx={{ p: 2.5 }}>
+              {/* Card header */}
+              <Box
+                sx={{
+                  display: 'flex',
+                  alignItems: 'flex-start',
+                  justifyContent: 'space-between',
+                  mb: 1.5,
+                }}
+              >
+                <Box>
+                  <Typography variant="subtitle1" fontWeight={700}>
+                    {sl.title}
+                  </Typography>
+                  <Typography variant="body2" color="text.secondary">
+                    {sl.company} · {sl.assetType}
+                  </Typography>
+                </Box>
+                <Chip
+                  label={`${sl.objectCount} Objekte`}
+                  size="small"
+                  sx={{ bgcolor: '#eff6ff', color: '#1e3a5f', fontWeight: 600 }}
+                />
+              </Box>
+
+              {/* Dates */}
+              <Stack direction="row" spacing={2} sx={{ mb: 1.5 }}>
+                <Typography variant="caption" color="text.secondary">
+                  Erstellt: {sl.createdAt}
+                </Typography>
+                <Typography variant="caption" color="text.secondary">
+                  Zuletzt aktualisiert: {sl.updatedAt}
+                </Typography>
+              </Stack>
+
+              <Divider sx={{ mb: 1.5 }} />
+
+              {/* Property list */}
+              <List dense disablePadding sx={{ mb: 1.5 }}>
+                {sl.properties.map((prop, i) => (
+                  <ListItem key={i} disableGutters sx={{ py: 0.25 }}>
+                    <Box
+                      sx={{
+                        width: 6,
+                        height: 6,
+                        borderRadius: '50%',
+                        bgcolor: '#1e3a5f',
+                        mr: 1.5,
+                        flexShrink: 0,
+                      }}
+                    />
+                    <ListItemText
+                      primary={prop}
+                      primaryTypographyProps={{ variant: 'body2' }}
+                    />
+                  </ListItem>
+                ))}
+              </List>
+
+              {/* Actions */}
+              <Box sx={{ display: 'flex', justifyContent: 'flex-end', gap: 1 }}>
+                <Button variant="outlined" size="small" disabled>
+                  Teilen
+                </Button>
+                <Button variant="outlined" size="small" disabled>
+                  Öffnen
+                </Button>
+              </Box>
+            </Card>
+          ))}
+
+          {/* Empty shortlist prompt */}
+          <Card
+            sx={{
+              p: 2,
+              border: '2px dashed #e2e8f0',
+              boxShadow: 'none',
+              bgcolor: '#fafafa',
+            }}
+          >
+            <Typography variant="body2" color="text.secondary" textAlign="center">
+              Objekte aus den Suchergebnissen zur Shortlist hinzufügen
+            </Typography>
+          </Card>
+        </Stack>
+      </Box>
+    </Box>
+  )
+}