Merged in feat/SW-1449-destination-page (pull request #1195)

Feat/SW-1449 destination page

* feat(SW-1449): Added destination country page

* feat(SW-1449): added destination city page


Approved-by: Fredrik Thorsson
Approved-by: Matilda Landström

components/ContentType/DestinationCityPage/destinationCityPage.module.css

@@ -0,0 +1,10 @@
+.pageContainer {
+  display: grid;
+  max-width: var(--max-width);
+}
+
+@media screen and (min-width: 768px) {
+  .pageContainer {
+    margin: 0 auto;
+  }
+}

components/ContentType/DestinationCityPage/index.tsx

@@ -0,0 +1,28 @@
+import { Suspense } from "react"
+
+import { getDestinationCityPage } from "@/lib/trpc/memoizedRequests"
+
+import TrackingSDK from "@/components/TrackingSDK"
+
+import styles from "./destinationCityPage.module.css"
+
+export default async function DestinationCityPage() {
+  const pageData = await getDestinationCityPage()
+
+  if (!pageData) {
+    return null
+  }
+
+  const { tracking, destinationCityPage } = pageData
+
+  return (
+    <>
+      <div className={styles.pageContainer}>
+        <h1>Destination City Page</h1>
+      </div>
+      <Suspense fallback={null}>
+        <TrackingSDK pageData={tracking} />
+      </Suspense>
+    </>
+  )
+}

components/ContentType/DestinationCountryPage/destinationCountryPage.module.css

@@ -0,0 +1,10 @@
+.pageContainer {
+  display: grid;
+  max-width: var(--max-width);
+}
+
+@media screen and (min-width: 768px) {
+  .pageContainer {
+    margin: 0 auto;
+  }
+}

components/ContentType/DestinationCountryPage/index.tsx

@@ -0,0 +1,28 @@
+import { Suspense } from "react"
+
+import { getDestinationCountryPage } from "@/lib/trpc/memoizedRequests"
+
+import TrackingSDK from "@/components/TrackingSDK"
+
+import styles from "./destinationCountryPage.module.css"
+
+export default async function DestinationCountryPage() {
+  const pageData = await getDestinationCountryPage()
+
+  if (!pageData) {
+    return null
+  }
+
+  const { tracking, destinationCountryPage } = pageData
+
+  return (
+    <>
+      <div className={styles.pageContainer}>
+        <h1>Destination Country Page</h1>
+      </div>
+      <Suspense fallback={null}>
+        <TrackingSDK pageData={tracking} />
+      </Suspense>
+    </>
+  )
+}