From 96529ae6bca18bb215b01fd0029a9ef4ca7f9e0d Mon Sep 17 00:00:00 2001
From: Manuel <manuel.ruwe@bluewin.ch>
Date: Sun, 30 Jul 2023 19:45:48 +0200
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Re-add=20burger=20menu=20on=20mobil?=
 =?UTF-8?q?e?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/layout/admin/main-admin.layout.tsx | 13 ++++++++++++-
 src/components/layout/new-header/Header.tsx       | 11 ++++++++---
 2 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/src/components/layout/admin/main-admin.layout.tsx b/src/components/layout/admin/main-admin.layout.tsx
index 5cf7573c7..6a0767659 100644
--- a/src/components/layout/admin/main-admin.layout.tsx
+++ b/src/components/layout/admin/main-admin.layout.tsx
@@ -103,6 +103,8 @@ export const MainLayout = ({ children }: MainLayoutProps) => {
             <IconSettings2 size="1rem" />
           </ThemeIcon>
         }
+        component={Link}
+        href="/manage/preferences"
       />
       <NavLink
         label="Help"
@@ -139,6 +141,9 @@ export const MainLayout = ({ children }: MainLayoutProps) => {
       </NavLink>
     </>
   );
+
+  const burgerMenu = screenLargerThanMd ? undefined : <Burger opened={burgerMenuOpen} onClick={toggleBurgerMenu} />;
+
   return (
     <>
       <CommonHeader />
@@ -155,7 +160,13 @@ export const MainLayout = ({ children }: MainLayoutProps) => {
             </Navbar.Section>
           </Navbar>
         }
-        header={<MainHeader showExperimental logoHref="/manage" />}
+        header={
+          <MainHeader
+            showExperimental
+            logoHref="/manage"
+            leftIcon={burgerMenu}
+          />
+        }
         footer={
           <Footer height={25}>
             <Group position="apart" px="md">
diff --git a/src/components/layout/new-header/Header.tsx b/src/components/layout/new-header/Header.tsx
index af8259f67..771f23ce5 100644
--- a/src/components/layout/new-header/Header.tsx
+++ b/src/components/layout/new-header/Header.tsx
@@ -12,12 +12,14 @@ type MainHeaderProps = {
   logoHref?: string;
   showExperimental?: boolean;
   headerActions?: React.ReactNode;
+  leftIcon?: React.ReactNode;
 };
 
 export const MainHeader = ({
   showExperimental = false,
   logoHref = '/',
   headerActions,
+  leftIcon
 }: MainHeaderProps) => {
   const { breakpoints } = useMantineTheme();
   const isSmallerThanMd = useMediaQuery(`(max-width: ${breakpoints.sm})`);
@@ -28,9 +30,12 @@ export const MainHeader = ({
     <Header height={headerHeight} pb="sm" pt={0}>
       <ExperimentalHeaderNote visible={showExperimental} height={experimentalHeaderNoteHeight} />
       <Group spacing="xl" mt="xs" px="md" position="apart" noWrap>
-        <UnstyledButton component={Link} href={logoHref} style={{ flex: 1 }}>
-          <Logo />
-        </UnstyledButton>
+        <Group noWrap>
+          {leftIcon}
+          <UnstyledButton component={Link} href={logoHref} style={{ flex: 1 }}>
+            <Logo />
+          </UnstyledButton>
+        </Group>
 
         <Search />