PR fixes

app/[lang]/(live)/@header/page.tsx

@@ -3,7 +3,7 @@ import { setLang } from "@/i18n/serverContext"
 
 import { LangParams, PageArgs } from "@/types/params"
 
-export default async function HeaderPage({ params }: PageArgs<LangParams>) {
+export default function HeaderPage({ params }: PageArgs<LangParams>) {
   setLang(params.lang)
 
   return <Header />

app/[lang]/(live)/layout.tsx

@@ -10,7 +10,6 @@ import TokenRefresher from "@/components/Auth/TokenRefresher"
 import AdobeSDKScript from "@/components/Current/AdobeSDKScript"
 import VwoScript from "@/components/Current/VwoScript"
 import Footer from "@/components/Footer"
-import Header from "@/components/Header"
 import LoadingSpinner from "@/components/LoadingSpinner"
 import { ToastHandler } from "@/components/TempDesignSystem/Toasts"
 import { preloadUserTracking } from "@/components/TrackingSDK"

components/Header/MainMenu/MobileMenuWrapper/index.tsx

@@ -1,9 +1,8 @@
-"use server"
 import { serverClient } from "@/lib/trpc/server"
 
 import MobileMenu from "../MobileMenu"
 
-export default async function MobileMenuServer({}) {
+export default async function MobileMenuServer() {
   const [languages, headerData] = await Promise.all([
     serverClient().contentstack.languageSwitcher.get(),
     serverClient().contentstack.base.header(),

components/Header/MainMenu/MyPagesMenuWrapper/index.tsx

@@ -1,4 +1,3 @@
-"use server"
 import { Link } from "react-feather"
 
 import { myPages } from "@/constants/routes/myPages"
@@ -13,7 +12,7 @@ import MyPagesMobileMenu from "../MyPagesMobileMenu"
 
 import styles from "../mainMenu.module.css"
 
-export default async function MyPagesMenuServer({}) {
+export default async function MyPagesMenuServer() {
   const lang = getLang()
   const [intl, myPagesNavigation, user, membership] = await Promise.all([
     getIntl(),

components/Header/MainMenu/NavigationMenu/NavigationMenuList/index.tsx

@@ -1,4 +1,8 @@
 "use client"
+import { z } from "zod"
+
+import { getHeaderSchema } from "@/server/routers/contentstack/base/output"
+
 import NavigationMenuItem from "../NavigationMenuItem"
 
 import styles from "../navigationMenu.module.css"
@@ -8,13 +12,13 @@ export default function NavigationMenuList({
   items,
 }: {
   isMobile: boolean
-  items: any
+  items: z.infer<typeof getHeaderSchema>["menuItems"]
 }) {
   return (
     <ul
       className={`${styles.navigationMenu} ${isMobile ? styles.mobile : styles.desktop}`}
     >
-      {items.map((item: any) => (
+      {items.map((item) => (
         <li key={item.title} className={styles.item}>
           <NavigationMenuItem isMobile={isMobile} item={item} />
         </li>

components/Header/MainMenu/index.tsx

@@ -5,15 +5,13 @@ import Image from "@/components/Image"
 import { getIntl } from "@/i18n"
 import { getLang } from "@/i18n/serverContext"
 
-import MobileMenuServer from "./MobileMenuServer"
+import MobileMenuServer from "./MobileMenuWrapper"
-import MyPagesMenuServer from "./MyPagesMenuServer"
+import MyPagesMenuServer from "./MyPagesMenuWrapper"
 import NavigationMenu from "./NavigationMenu"
 
 import styles from "./mainMenu.module.css"
 
-import type { MainMenuProps } from "@/types/components/header/mainMenu"
+export default async function MainMenu() {
-
-export default async function MainMenu({}: MainMenuProps) {
   const lang = getLang()
 
   const intl = await getIntl()

components/Header/TopMenu/index.tsx

@@ -1,5 +1,3 @@
-import { Suspense } from "react"
-
 import { serverClient } from "@/lib/trpc/server"
 
 import { GiftIcon, SearchIcon } from "@/components/Icons"
@@ -10,9 +8,7 @@ import HeaderLink from "../HeaderLink"
 
 import styles from "./topMenu.module.css"
 
-import type { TopMenuProps } from "@/types/components/header/topMenu"
+export default async function TopMenu() {
-
-export default async function TopMenu({}: TopMenuProps) {
   const [intl, languages, headerData] = await Promise.all([
     getIntl(),
     serverClient().contentstack.languageSwitcher.get(),

components/Header/index.tsx

@@ -5,7 +5,7 @@ import TopMenu from "./TopMenu"
 
 import styles from "./header.module.css"
 
-export default async function Header({}) {
+export default function Header({}) {
   return (
     <header className={styles.header}>
       <Suspense fallback="Loading top menu">

types/components/header/mainMenu.ts

@@ -1 +0,0 @@
-export interface MainMenuProps {}

types/components/header/topMenu.ts

@@ -1 +0,0 @@
-export interface TopMenuProps {}