feat(SW-962): add link

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;
 }

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>
   )
 }

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" })}

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",

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",

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",

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",

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",

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",

types/components/hotelPage/sidepeek/activities.ts

@@ -0,0 +1,6 @@
+export type ActivitiesSidePeekProps = {
+  preamble: string
+  contentPage?: {
+    href: string
+  }
+}