|
1 | | -import BaseLayout from '@/components/BaseLayout/BaseLayout'; |
| 1 | +import { Footer } from '@/components/Footer'; |
| 2 | +import { Header } from '@/components/Header'; |
| 3 | +import { ISliderItem } from '@/app/[locale]/(main)/(container)/(homepage)/components/MainSlider/types'; |
| 4 | +import { getClient } from '@/graphql/clients/serverSideClient'; |
| 5 | +import { GET_PUBLISHED_PAGES_LIST } from '@/graphql/queries/pages'; |
| 6 | +import { GET_TOP_BANNER } from '@/graphql/queries/sliders'; |
| 7 | +import { IPageListItem } from '@/graphql/types/common'; |
| 8 | +import { |
| 9 | + GetPublishedPagesListQuery, |
| 10 | + GetTopBannerQuery, |
| 11 | +} from '@/graphql/types/graphql'; |
2 | 12 | import { FC, ReactNode } from 'react'; |
3 | 13 |
|
4 | 14 | export interface LayoutProps { |
5 | 15 | children: ReactNode; |
6 | 16 | } |
7 | 17 |
|
| 18 | +const getPagesList = async (): Promise<IPageListItem[]> => { |
| 19 | + const { data } = await getClient().query<GetPublishedPagesListQuery>({ |
| 20 | + query: GET_PUBLISHED_PAGES_LIST, |
| 21 | + }); |
| 22 | + |
| 23 | + return data.pages?.edges?.map((item) => item.node) || []; |
| 24 | +}; |
| 25 | + |
| 26 | +const getTopBanner = async () => { |
| 27 | + const { data } = await getClient().query<GetTopBannerQuery>({ |
| 28 | + query: GET_TOP_BANNER, |
| 29 | + }); |
| 30 | + |
| 31 | + const _item = data?.sliderCategories?.nodes?.[0]?.sliders?.edges?.[0]?.node; |
| 32 | + if (_item && _item?.featuredImage?.node.url) { |
| 33 | + const data: ISliderItem = { |
| 34 | + id: _item.id, |
| 35 | + imageUrl: _item.featuredImage?.node.url, |
| 36 | + url: _item.url, |
| 37 | + title: _item.title!, |
| 38 | + }; |
| 39 | + return data; |
| 40 | + } |
| 41 | + |
| 42 | + return null; |
| 43 | +}; |
| 44 | + |
8 | 45 | const Layout: FC<LayoutProps> = async ({ children }) => { |
9 | | - return <BaseLayout>{children}</BaseLayout>; |
| 46 | + const pagesList = await getPagesList(); |
| 47 | + const topBanner = await getTopBanner(); |
| 48 | + |
| 49 | + return ( |
| 50 | + <> |
| 51 | + <Header topBanner={topBanner} /> |
| 52 | + {children} |
| 53 | + <Footer pages={pagesList} /> |
| 54 | + </> |
| 55 | + ); |
10 | 56 | }; |
11 | 57 |
|
12 | 58 | export default Layout; |
0 commit comments