Hotels page support (#4212)

Author: marcoacierno

frontend/src/components/page-handler/page-static-props.ts

@@ -10,23 +10,27 @@ import {
   queryPagePreview,
 } from "~/types";
 
-export const getStaticProps: GetStaticProps = async ({
-  preview,
-  previewData,
-  locale,
-  params,
-}: {
-  preview: boolean;
-  previewData: {
-    contentType: string;
-    token: string;
-  };
-  locale: string;
-  params: {
-    slug?: string;
-  };
-}) => {
-  const client = getApolloClient();
+export const getProps = async (
+  {
+    preview,
+    previewData,
+    locale,
+    params,
+  }: {
+    preview: boolean;
+    previewData: {
+      contentType: string;
+      token: string;
+    };
+    locale: string;
+    params: {
+      slug?: string;
+    };
+  },
+  clientParam = null,
+  revalidate = null,
+) => {
+  const client = clientParam || getApolloClient();
   const slug = params?.slug as string;
 
   const [_, pageDataQuery] = await Promise.all([
@@ -61,11 +65,19 @@ export const getStaticProps: GetStaticProps = async ({
 
   await dataFetching;
 
-  return addApolloState(client, {
-    props: {
-      blocksProps: staticProps,
-      isPreview: preview || false,
-      previewData: previewData || null,
+  return addApolloState(
+    client,
+    {
+      props: {
+        blocksProps: staticProps,
+        isPreview: preview || false,
+        previewData: previewData || null,
+      },
     },
-  });
+    revalidate,
+  );
+};
+
+export const getStaticProps: GetStaticProps = async (context: any) => {
+  return getProps(context);
 };

frontend/src/pages/hotels/index.tsx

@@ -0,0 +1,34 @@
+import type { GetServerSideProps } from "next";
+import { useRouter } from "next/router";
+import { getApolloClient } from "~/apollo/client";
+import { PageHandler } from "~/components/page-handler";
+import { getProps } from "~/components/page-handler/page-static-props";
+
+export const HotelsPage = ({ blocksProps, isPreview, previewData }) => {
+  const router = useRouter();
+  return (
+    <PageHandler
+      isPreview={isPreview}
+      previewData={previewData}
+      slug="hotels"
+      blocksProps={blocksProps}
+    />
+  );
+};
+
+export const getServerSideProps: GetServerSideProps = async (context: any) => {
+  const { req } = context;
+  const client = getApolloClient(null, req.cookies);
+  return getProps(
+    {
+      ...context,
+      params: {
+        slug: "hotels",
+      },
+    },
+    client,
+    null,
+  );
+};
+
+export default HotelsPage;