From d247dcbf5a162071c5a3a4ccd564248f8c902e26 Mon Sep 17 00:00:00 2001
From: Mathias Oterhals Myklebust <mom@variant.no>
Date: Fri, 27 Sep 2024 13:45:18 +0200
Subject: [PATCH] feat(Header): add language switcher to mobile drawer

---
 src/components/languageSwitcher/languageSwitcher.module.css | 1 +
 src/components/navigation/header/Header.tsx                 | 3 +++
 src/components/navigation/header/header.module.css          | 6 ++++++
 3 files changed, 10 insertions(+)

diff --git a/src/components/languageSwitcher/languageSwitcher.module.css b/src/components/languageSwitcher/languageSwitcher.module.css
index b554b4302..a5e6b5773 100644
--- a/src/components/languageSwitcher/languageSwitcher.module.css
+++ b/src/components/languageSwitcher/languageSwitcher.module.css
@@ -2,6 +2,7 @@
   display: flex;
   gap: 1rem;
   list-style: none;
+  padding: 0;
 }
 
 .divider {
diff --git a/src/components/navigation/header/Header.tsx b/src/components/navigation/header/Header.tsx
index 59b092765..3fe19baee 100644
--- a/src/components/navigation/header/Header.tsx
+++ b/src/components/navigation/header/Header.tsx
@@ -106,6 +106,9 @@ export const Header = ({ data, assets }: IHeader) => {
             >
               {renderPageLinks(sidebarLinks, true, pathname)}
               {renderPageCTAs(sidebarCtas, true)}
+              <div className={styles.mobileLanguageSwitcher}>
+                <LanguageSwitcher />
+              </div>
             </div>
           )}
         </nav>
diff --git a/src/components/navigation/header/header.module.css b/src/components/navigation/header/header.module.css
index 2d48110d2..3dad97285 100644
--- a/src/components/navigation/header/header.module.css
+++ b/src/components/navigation/header/header.module.css
@@ -112,6 +112,12 @@
   }
 }
 
+.mobileLanguageSwitcher {
+  @media (min-width: 1024px) {
+    display: none;
+  }
+}
+
 .mobileMenu {
   flex: 1;