fix: sync current header with static-pages

components/Current/Header/index.tsx

@@ -1,13 +1,6 @@
 import { homeHrefs } from "@/constants/homeHrefs"
-import { languages } from "@/constants/languages"
 import { env } from "@/env/server"
-import { batchRequest } from "@/lib/graphql/batchRequest"
-import { GetHeader } from "@/lib/graphql/Query/Header.graphql"
-import {
-  GetDaDeEnUrls,
-  GetFiNoSvUrls,
-} from "@/lib/graphql/Query/LanguageSwitcher.graphql"
-import { request } from "@/lib/graphql/request"
+import { serverClient } from "@/lib/trpc/server"
 
 import MainMenu from "./MainMenu"
 import OfflineBanner from "./OfflineBanner"
@@ -15,72 +8,33 @@ import TopMenu from "./TopMenu"
 
 import styles from "./header.module.css"
 
-import type { HeaderProps } from "@/types/components/current/header"
 import { LangParams } from "@/types/params"
-import type { HeaderQueryData } from "@/types/requests/header"
-import type { LanguageSwitcherQueryData } from "@/types/requests/languageSwitcher"
 
-export default async function Header({ lang, uid }: LangParams & HeaderProps) {
-  try {
-    const variables = {
-      locale: lang,
-      uid,
-    }
+export default async function Header({ lang }: LangParams) {
+  const data = await serverClient().contentstack.config.header()
 
-    const { data } = await request<HeaderQueryData>(
-      GetHeader,
-      { locale: lang },
-      { next: { tags: [`header-${lang}`] } }
-    )
-    const { data: urls } = await batchRequest<LanguageSwitcherQueryData>([
-      {
-        document: GetDaDeEnUrls,
-        tags: [`DA-DE-EN-${uid}`],
-        variables,
-      },
-      {
-        document: GetFiNoSvUrls,
-        tags: [`FI-NO-SV-${uid}`],
-        variables,
-      },
-    ])
+  const homeHref = homeHrefs[env.NODE_ENV][lang]
+  const { frontpage_link_text, logo, menu, top_menu } = data
 
-    if (!data.all_header.items.length) {
-      return null
-    }
+  const topMenuMobileLinks = top_menu.links
+    .filter((link) => link.show_on_mobile)
+    .sort((a, b) => (a.sort_order_mobile < b.sort_order_mobile ? 1 : -1))
 
-    const currentLanguage = languages[lang]
-    const homeHref = homeHrefs[env.NODE_ENV][lang]
-    const { frontpage_link_text, logoConnection, menu, top_menu } =
-      data.all_header.items[0]
-    const logo = logoConnection.edges?.[0]?.node
-    const topMenuMobileLinks = top_menu.links
-      .filter((link) => link.show_on_mobile)
-      .sort((a, b) => (a.sort_order_mobile < b.sort_order_mobile ? 1 : -1))
-
-    return (
-      <header className={styles.header} role="banner">
-        <OfflineBanner />
-        <TopMenu
-          currentLanguage={currentLanguage}
-          frontpageLinkText={frontpage_link_text}
-          homeHref={homeHref}
-          links={top_menu.links}
-          urls={urls}
-        />
-        <MainMenu
-          currentLanguage={currentLanguage}
-          frontpageLinkText={frontpage_link_text}
-          homeHref={homeHref}
-          links={menu.links}
-          logo={logo}
-          topMenuMobileLinks={topMenuMobileLinks}
-          urls={urls}
-        />
-      </header>
-    )
-  } catch (error) {
-    console.error(error)
-    return null
-  }
+  return (
+    <header className={styles.header} role="banner">
+      <OfflineBanner />
+      <TopMenu
+        frontpageLinkText={frontpage_link_text}
+        homeHref={homeHref}
+        links={top_menu.links}
+      />
+      <MainMenu
+        frontpageLinkText={frontpage_link_text}
+        homeHref={homeHref}
+        links={menu.links}
+        logo={logo}
+        topMenuMobileLinks={topMenuMobileLinks}
+      />
+    </header>
+  )
 }