feat: separate current and "new" web in route groups

2024-02-20 09:14:42 +01:00
parent 10b52112af
commit 4e4b6f1bd6
14 changed files with 268 additions and 66 deletions
--- a/app/[lang]/(preview-current)/error.tsx
+++ b/app/[lang]/(preview-current)/error.tsx
@@ -0,0 +1,9 @@
+"use client"
+
+export default function Error({ error }: { error: Error }) {
+  return (
+    <div>
+      <h2>Something went wrong!</h2>
+    </div>
+  )
+}
--- a/app/[lang]/(preview-current)/layout.tsx
+++ b/app/[lang]/(preview-current)/layout.tsx
@@ -0,0 +1,56 @@
+/* eslint-disable @next/next/no-css-tags */
+
+import Footer from "@/components/Current/Footer";
+import LangPopup from "@/components/Current/LangPopup";
+import Script from "next/script";
+import SkipToMainContent from "@/components/SkipToMainContent";
+import InitLivePreview from "@/components/Current/LivePreview";
+
+import type { Metadata } from "next";
+import type { LangParams, LayoutArgs } from "@/types/params";
+
+export const metadata: Metadata = {
+  description: "New web",
+  title: "Scandic Hotels New Web",
+};
+
+export default function RootLayout({
+  children,
+  params,
+}: React.PropsWithChildren<LayoutArgs<LangParams>>) {
+  return (
+    <html lang={params.lang}>
+      <head>
+        <link rel="stylesheet" href="/Static/css/core.css"/>
+        <link rel="stylesheet" href="/Static/css/scandic.css"/>
+        <Script
+          data-cookieconsent="ignore"
+          src="/Static/dist/js/inline.js?00133e5a37de35c51a5d"
+        />
+        <Script
+          data-cookieconsent="ignore"
+          src="/Static/dist/js/main.js?89d0030e1a04b3b46d0b"
+        />
+        <Script
+          data-cookieconsent="ignore"
+          src="/Static/dist/js/ng/polyfills.js?1705409330990"
+        />
+        <Script
+          data-cookieconsent="ignore"
+          src="/Static/dist/js/ng/runtime.js?1705409330990"
+        />
+        <Script
+          data-cookieconsent="ignore"
+          src="/Static/dist/js/ng/main.js?1705409330990"
+        />
+      </head>
+      <body>
+        <InitLivePreview />
+        <LangPopup lang={params.lang} />
+        <SkipToMainContent lang={params.lang} />
+        {children}
+        <Footer lang={params.lang} />
+      </body>
+    </html>
+  )
+}
--- a/app/[lang]/(preview-current)/not-found.tsx
+++ b/app/[lang]/(preview-current)/not-found.tsx
@@ -0,0 +1,8 @@
+export default function NotFound() {
+  return (
+    <main>
+      <h2>Not Found</h2>
+      <p>Could not find requested resource</p>
+    </main>
+  )
+}
--- a/app/[lang]/(preview-current)/preview-current/page.tsx
+++ b/app/[lang]/(preview-current)/preview-current/page.tsx
@@ -0,0 +1,45 @@
+import { previewRequest } from "@/lib/previewRequest"
+import { GetCurrentBlockPage } from "@/lib/graphql/Query/CurrentBlockPage.graphql"
+
+import type { PageArgs, LangParams, PreviewParams } from "@/types/params"
+import type { GetCurrentBlockPageData } from "@/types/requests/currentBlockPage"
+import ContentstackLivePreview from "@contentstack/live-preview-utils"
+import LoadingSpinner from "@/components/Current/LoadingSpinner"
+import ContentPage from "@/components/Current/ContentPage"
+
+export default async function CurrentPreviewPage({
+  params,
+  searchParams,
+}: PageArgs<LangParams, PreviewParams>) {
+  try {
+    ContentstackLivePreview.setConfigFromParams(searchParams)
+
+    if (!searchParams.uri || !searchParams.live_preview) {
+      return <LoadingSpinner />
+    }
+
+    const response = await previewRequest<GetCurrentBlockPageData>(
+      GetCurrentBlockPage,
+      { locale: params.lang, url: searchParams.uri }
+    )
+
+    if (!response.data?.all_current_blocks_page?.total) {
+      console.log("#### DATA ####")
+      console.log(response.data)
+      console.log("SearchParams URI: ", searchParams.uri)
+      throw new Error("Not found")
+    }
+
+    return (
+      <ContentPage
+        data={response.data}
+        uri={searchParams.uri}
+        lang={params.lang}
+      />
+    )
+  } catch (error) {
+    // TODO: throw 500
+    console.error(error)
+    throw new Error("Something went wrong")
+  }
+}