import { serverClient } from "@/lib/trpc/server"

import MyPagesMobileDropdown from "@/components/Current/Header/MyPagesMobileDropdown"

export default async function MyPagesMobileDropdownPage() {
  // TODO: Remove data call and pass down props at the paralell route level.
  const [data, navigation] = await Promise.all([
    serverClient().contentstack.languageSwitcher.get(),
    serverClient().contentstack.myPages.navigation.get(),
  ])
  if (!data || !navigation) {
    return null
  }
  return <MyPagesMobileDropdown navigation={navigation} lang={null} />
}