From e491d2cf4b9c5f51ff144ac7d4477daa90c2ea78 Mon Sep 17 00:00:00 2001
From: Fredrik Thorsson <fredrik.thorsson@scandichotels.com>
Date: Fri, 29 Nov 2024 15:06:32 +0100
Subject: [PATCH] feat(SW-962): add link

---
 .../Activities/activities.module.css          | 15 ++++++++++++-
 .../HotelPage/SidePeeks/Activities/index.tsx  | 21 +++++++++++++++++--
 components/ContentType/HotelPage/index.tsx    | 12 ++++-------
 i18n/dictionaries/da.json                     |  1 +
 i18n/dictionaries/de.json                     |  1 +
 i18n/dictionaries/en.json                     |  1 +
 i18n/dictionaries/fi.json                     |  1 +
 i18n/dictionaries/no.json                     |  1 +
 i18n/dictionaries/sv.json                     |  1 +
 .../hotelPage/sidepeek/activities.ts          |  6 ++++++
 10 files changed, 49 insertions(+), 11 deletions(-)
 create mode 100644 types/components/hotelPage/sidepeek/activities.ts

diff --git a/components/ContentType/HotelPage/SidePeeks/Activities/activities.module.css b/components/ContentType/HotelPage/SidePeeks/Activities/activities.module.css
index ec81ef8e9..7c661d1a6 100644
--- a/components/ContentType/HotelPage/SidePeeks/Activities/activities.module.css
+++ b/components/ContentType/HotelPage/SidePeeks/Activities/activities.module.css
@@ -1,2 +1,15 @@
-.wrapper {
+.preamble {
+  margin-bottom: calc(
+    var(--Spacing-x4) * 2 + 80px
+  ); /* Creates space between the wrapper and buttonContainer */
+}
+
+.buttonContainer {
+  background-color: var(--Base-Background-Primary-Normal);
+  border-top: 1px solid var(--Base-Border-Subtle);
+  padding: var(--Spacing-x4) var(--Spacing-x2);
+  width: 100%;
+  position: absolute;
+  left: 0;
+  bottom: 0;
 }
diff --git a/components/ContentType/HotelPage/SidePeeks/Activities/index.tsx b/components/ContentType/HotelPage/SidePeeks/Activities/index.tsx
index 19b17bc8d..16a7ae0cb 100644
--- a/components/ContentType/HotelPage/SidePeeks/Activities/index.tsx
+++ b/components/ContentType/HotelPage/SidePeeks/Activities/index.tsx
@@ -1,12 +1,20 @@
 import { activities } from "@/constants/routes/hotelPageParams"
 
+import Button from "@/components/TempDesignSystem/Button"
+import Link from "@/components/TempDesignSystem/Link"
 import SidePeek from "@/components/TempDesignSystem/SidePeek"
+import Preamble from "@/components/TempDesignSystem/Text/Preamble"
 import { getIntl } from "@/i18n"
 import { getLang } from "@/i18n/serverContext"
 
 import styles from "./activities.module.css"
 
-export default async function ActivitiesSidePeek() {
+import { ActivitiesSidePeekProps } from "@/types/components/hotelPage/sidepeek/activities"
+
+export default async function ActivitiesSidePeek({
+  preamble,
+  contentPage,
+}: ActivitiesSidePeekProps) {
   const lang = getLang()
   const intl = await getIntl()
   return (
@@ -14,7 +22,16 @@ export default async function ActivitiesSidePeek() {
       contentKey={activities[lang]}
       title={intl.formatMessage({ id: "Activities" })}
     >
-      <div className={styles.wrapper}>This is some content for Activities</div>
+      <Preamble className={styles.preamble}>{preamble}</Preamble>
+      {contentPage?.href && (
+        <div className={styles.buttonContainer}>
+          <Button theme="base" intent="secondary" asChild>
+            <Link href={contentPage.href} color="burgundy" weight="bold">
+              {intl.formatMessage({ id: "Show activities calendar" })}
+            </Link>
+          </Button>
+        </div>
+      )}
     </SidePeek>
   )
 }
diff --git a/components/ContentType/HotelPage/index.tsx b/components/ContentType/HotelPage/index.tsx
index f7c14c664..6e278f3b6 100644
--- a/components/ContentType/HotelPage/index.tsx
+++ b/components/ContentType/HotelPage/index.tsx
@@ -1,7 +1,6 @@
 import { notFound } from "next/navigation"
 
 import {
-  activities,
   meetingsAndConferences,
   restaurantAndBar,
 } from "@/constants/routes/hotelPageParams"
@@ -201,13 +200,10 @@ export default async function HotelPage({ hotelId }: HotelPageProps) {
           Restaurant & Bar
         </SidePeek>
         <WellnessAndExerciseSidePeek healthFacilities={healthFacilities} />
-        <SidePeek
-          contentKey={activities[lang]}
-          title={intl.formatMessage({ id: "Activities" })}
-        >
-          {/* TODO */}
-          Activities
-        </SidePeek>
+        <ActivitiesSidePeek
+          preamble="This is content about activites"
+          contentPage={activitiesCard?.contentPage}
+        />
         <SidePeek
           contentKey={meetingsAndConferences[lang]}
           title={intl.formatMessage({ id: "Meetings & Conferences" })}
diff --git a/i18n/dictionaries/da.json b/i18n/dictionaries/da.json
index 02062f2b3..9b25a0cf0 100644
--- a/i18n/dictionaries/da.json
+++ b/i18n/dictionaries/da.json
@@ -349,6 +349,7 @@
   "Select your language": "Vælg dit sprog",
   "Shopping": "Shopping",
   "Shopping & Dining": "Shopping & Spisning",
+  "Show activities calendar": "Vis aktivitetskalender",
   "Show all amenities": "Vis alle faciliteter",
   "Show less": "Vis mindre",
   "Show less rooms": "Vise færre rum",
diff --git a/i18n/dictionaries/de.json b/i18n/dictionaries/de.json
index 5cdfe1a31..260a74ec3 100644
--- a/i18n/dictionaries/de.json
+++ b/i18n/dictionaries/de.json
@@ -349,6 +349,7 @@
   "Select your language": "Wählen Sie Ihre Sprache",
   "Shopping": "Einkaufen",
   "Shopping & Dining": "Einkaufen & Essen",
+  "Show activities calendar": "Aktivitätenkalender anzeigen",
   "Show all amenities": "Alle Annehmlichkeiten anzeigen",
   "Show less": "Weniger anzeigen",
   "Show less rooms": "Weniger Zimmer anzeigen",
diff --git a/i18n/dictionaries/en.json b/i18n/dictionaries/en.json
index 1930a6824..e1a898dc5 100644
--- a/i18n/dictionaries/en.json
+++ b/i18n/dictionaries/en.json
@@ -388,6 +388,7 @@
   "Select your language": "Select your language",
   "Shopping": "Shopping",
   "Shopping & Dining": "Shopping & Dining",
+  "Show activities calendar": "Show activities calendar",
   "Show all amenities": "Show all amenities",
   "Show less": "Show less",
   "Show less rooms": "Show less rooms",
diff --git a/i18n/dictionaries/fi.json b/i18n/dictionaries/fi.json
index edbeb7c00..35e197fbc 100644
--- a/i18n/dictionaries/fi.json
+++ b/i18n/dictionaries/fi.json
@@ -350,6 +350,7 @@
   "Select your language": "Valitse kieli",
   "Shopping": "Ostokset",
   "Shopping & Dining": "Ostokset & Ravintolat",
+  "Show activities calendar": "Näytä aktiviteettikalenteri",
   "Show all amenities": "Näytä kaikki mukavuudet",
   "Show less": "Näytä vähemmän",
   "Show less rooms": "Näytä vähemmän huoneita",
diff --git a/i18n/dictionaries/no.json b/i18n/dictionaries/no.json
index 24a86d528..64c3299cb 100644
--- a/i18n/dictionaries/no.json
+++ b/i18n/dictionaries/no.json
@@ -347,6 +347,7 @@
   "Select your language": "Velg språk",
   "Shopping": "Shopping",
   "Shopping & Dining": "Shopping & Spisesteder",
+  "Show activities calendar": "Vis aktivitetskalender",
   "Show all amenities": "Vis alle fasiliteter",
   "Show less": "Vis mindre",
   "Show less rooms": "Vise færre rom",
diff --git a/i18n/dictionaries/sv.json b/i18n/dictionaries/sv.json
index 3ed973d0a..ee471eee7 100644
--- a/i18n/dictionaries/sv.json
+++ b/i18n/dictionaries/sv.json
@@ -348,6 +348,7 @@
   "Select your language": "Välj ditt språk",
   "Shopping": "Shopping",
   "Shopping & Dining": "Shopping & Mat",
+  "Show activities calendar": "Visa aktivitetskalender",
   "Show all amenities": "Visa alla bekvämligheter",
   "Show less": "Visa mindre",
   "Show less rooms": "Visa färre rum",
diff --git a/types/components/hotelPage/sidepeek/activities.ts b/types/components/hotelPage/sidepeek/activities.ts
new file mode 100644
index 000000000..8b6d9581b
--- /dev/null
+++ b/types/components/hotelPage/sidepeek/activities.ts
@@ -0,0 +1,6 @@
+export type ActivitiesSidePeekProps = {
+  preamble: string
+  contentPage?: {
+    href: string
+  }
+}