Benjamin Sutter
5035445d2e
All page-level headers now use fontSize:1.125rem, fontWeight:700, color:#0f172a, container py:2.5, borderBottom:#e8e7e4 — matching the standard established in PageHeader. Removes variant="h5"/h6" inconsistencies across Supply, Demand, and shared components. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
35 lines
1.3 KiB
TypeScript
35 lines
1.3 KiB
TypeScript
import { useState } from 'react'
|
|
import { useLocation } from 'react-router'
|
|
import { Box, Tab, Tabs, Typography } from '@mui/material'
|
|
import { ActiveInquiriesTab, LatentInquiriesTab, OfferWizard } from '../../components/anfragencenter'
|
|
|
|
export default function Anfragencenter() {
|
|
const location = useLocation()
|
|
const initialTab = (location.state as { tab?: number } | null)?.tab ?? 0
|
|
const [tab, setTab] = useState(initialTab)
|
|
return (
|
|
<Box sx={{ display: 'flex', flexDirection: 'column', height: '100%', overflow: 'hidden' }}>
|
|
<Box sx={{ borderBottom: '1px solid #e8e7e4', px: 3, bgcolor: 'white', flexShrink: 0 }}>
|
|
<Typography sx={{ fontWeight: 700, fontSize: '1.125rem', lineHeight: 1.3, color: '#0f172a', pt: 2.5, pb: 1, display: 'block' }}>
|
|
Anfragencenter
|
|
</Typography>
|
|
<Tabs
|
|
value={tab}
|
|
onChange={(_, v) => setTab(v)}
|
|
sx={{
|
|
'& .MuiTab-root': { textTransform: 'none', fontWeight: 600, fontSize: '0.95rem' },
|
|
}}
|
|
>
|
|
<Tab label="Aktive Anfragen" />
|
|
<Tab label="Latente Anfragen" />
|
|
</Tabs>
|
|
</Box>
|
|
<Box sx={{ flex: 1, overflow: 'hidden' }}>
|
|
{tab === 0 && <ActiveInquiriesTab />}
|
|
{tab === 1 && <LatentInquiriesTab />}
|
|
</Box>
|
|
<OfferWizard />
|
|
</Box>
|
|
)
|
|
}
|