Using feature flag

components/Current/Header/index.tsx

@@ -4,25 +4,25 @@ import { serverClient } from "@/lib/trpc/server"
 
 import { getLang } from "@/i18n/serverContext"
 
+import LanguageSwitcher from "./LanguageSwitcher"
 import { MainMenu } from "./MainMenu"
+import MyPagesMobileDropdown from "./MyPagesMobileDropdown"
 import OfflineBanner from "./OfflineBanner"
 import TopMenu from "./TopMenu"
 
 import styles from "./header.module.css"
 
-export default async function Header({
-  languageSwitcher,
-  myPagesMobileDropdown,
-}: {
-  languageSwitcher: React.ReactNode
-  myPagesMobileDropdown: React.ReactNode
-}) {
-  const data = await serverClient().contentstack.base.currentHeader({
-    lang: getLang(),
-  })
-  const user = await serverClient().user.name()
+export default async function Header() {
+  const [data, user, languages, navigation] = await Promise.all([
+    serverClient().contentstack.base.currentHeader({
+      lang: getLang(),
+    }),
+    serverClient().user.name(),
+    serverClient().contentstack.languageSwitcher.get(),
+    serverClient().contentstack.myPages.navigation.get(),
+  ])
 
-  if (!data) {
+  if (!navigation || !languages || !data) {
     return null
   }
 
@@ -40,7 +40,7 @@ export default async function Header({
         frontpageLinkText={frontpage_link_text}
         homeHref={homeHref}
         links={top_menu.links}
-        languageSwitcher={languageSwitcher}
+        languageSwitcher={<LanguageSwitcher urls={languages.urls} />}
       />
       <MainMenu
         frontpageLinkText={frontpage_link_text}
@@ -48,8 +48,10 @@ export default async function Header({
         links={menu.links}
         logo={logo}
         topMenuMobileLinks={topMenuMobileLinks}
-        languageSwitcher={languageSwitcher}
-        myPagesMobileDropdown={myPagesMobileDropdown}
+        languageSwitcher={<LanguageSwitcher urls={languages.urls} />}
+        myPagesMobileDropdown={
+          <MyPagesMobileDropdown navigation={navigation} />
+        }
         bookingHref={homeHref}
         user={user}
       />