Files
web/app/[lang]/(live)/(protected)/my-pages/layout.tsx
2024-04-11 13:53:26 +02:00

44 lines
1.2 KiB
TypeScript

import { firaMono, firaSans } from "@/app/[lang]/(live)/fonts"
import Header from "@/components/MyPages/Header"
import Sidebar from "@/components/MyPages/Sidebar"
import styles from "./layout.module.css"
import type { LangParams, LayoutArgs } from "@/types/params"
import { request } from "@/lib/graphql/request"
import { GetNavigationMyPagesData } from "@/types/requests/myPages/navigation"
import { GetNavigationMyPages } from "@/lib/graphql/Query/NavigationMyPages.graphql"
export default async function MyPagesLayout({
children,
params,
}: React.PropsWithChildren<LayoutArgs<LangParams>>) {
const response = await request<GetNavigationMyPagesData>(
GetNavigationMyPages,
{
locale: params.lang,
}
)
const navigation = response.data.all_navigation_my_pages.items[0]
const menuItems = navigation.items.map(({ item }) => {
const { title, uid } = item.pageConnection.edges[0].node
return {
title,
uid,
linkText: item.link_text,
}
})
return (
<div className={`${firaMono.variable} ${firaSans.variable} ${styles.page}`}>
<Header lang={params.lang} />
<div className={styles.content}>
<Sidebar menuItems={menuItems} />
{children}
</div>
</div>
)
}