first commit

resources/client/main-navbar.tsx

@@ -0,0 +1,30 @@
+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>
+  );
+}