31 lines
970 B
TypeScript
Executable File
31 lines
970 B
TypeScript
Executable File
import {Navbar} from '@common/ui/navigation/navbar/navbar';
|
|
import {SearchAutocomplete} from '@app/search/search-autocomplete';
|
|
import clsx from 'clsx';
|
|
import {IconButton} from '@common/ui/buttons/icon-button';
|
|
import {SearchIcon} from '@common/icons/material/Search';
|
|
import {Link} from 'react-router-dom';
|
|
import {Tooltip} from '@common/ui/tooltip/tooltip';
|
|
import {Trans} from '@common/i18n/trans';
|
|
|
|
interface Props {
|
|
position?: 'fixed' | 'relative';
|
|
}
|
|
export function MainNavbar({position = 'relative'}: Props) {
|
|
return (
|
|
<Navbar
|
|
size="md"
|
|
menuPosition="primary"
|
|
className={clsx(position, 'z-40 w-full flex-shrink-0')}
|
|
border="border-none"
|
|
alwaysDarkMode
|
|
>
|
|
<Tooltip label={<Trans message="Search" />}>
|
|
<IconButton elementType={Link} to="/search" className="md:hidden">
|
|
<SearchIcon />
|
|
</IconButton>
|
|
</Tooltip>
|
|
<SearchAutocomplete className="max-md:hidden" />
|
|
</Navbar>
|
|
);
|
|
}
|