005cf56baf
Some checks failed
No response / noResponse (push) Has been cancelled
CI / Continuous releases (push) Has been cancelled
CI / test-dev (macos-latest) (push) Has been cancelled
CI / test-dev (ubuntu-latest) (push) Has been cancelled
CI / test-dev (windows-latest) (push) Has been cancelled
Maintenance / main (push) Has been cancelled
Scorecards supply-chain security / Scorecards analysis (push) Has been cancelled
CodeQL / Analyze (push) Has been cancelled
36 lines
1.0 KiB
JavaScript
36 lines
1.0 KiB
JavaScript
import Stack from '@mui/material/Stack';
|
|
import NotificationsRoundedIcon from '@mui/icons-material/NotificationsRounded';
|
|
import CustomDatePicker from './CustomDatePicker';
|
|
import NavbarBreadcrumbs from './NavbarBreadcrumbs';
|
|
import MenuButton from './MenuButton';
|
|
import ColorModeIconDropdown from '../../shared-theme/ColorModeIconDropdown';
|
|
|
|
import Search from './Search';
|
|
|
|
export default function Header() {
|
|
return (
|
|
<Stack
|
|
direction="row"
|
|
sx={{
|
|
display: { xs: 'none', md: 'flex' },
|
|
width: '100%',
|
|
alignItems: { xs: 'flex-start', md: 'center' },
|
|
justifyContent: 'space-between',
|
|
maxWidth: { sm: '100%', md: '1700px' },
|
|
pt: 1.5,
|
|
}}
|
|
spacing={2}
|
|
>
|
|
<NavbarBreadcrumbs />
|
|
<Stack direction="row" sx={{ gap: 1 }}>
|
|
<Search />
|
|
<CustomDatePicker />
|
|
<MenuButton showBadge aria-label="Open notifications">
|
|
<NotificationsRoundedIcon />
|
|
</MenuButton>
|
|
<ColorModeIconDropdown />
|
|
</Stack>
|
|
</Stack>
|
|
);
|
|
}
|