From acd165688589d4435de92bfe3389de250690a798 Mon Sep 17 00:00:00 2001
From: Fredrik Thorsson <fredrik.thorsson@scandichotels.com>
Date: Mon, 18 Nov 2024 15:30:25 +0100
Subject: [PATCH] feat(SW-750): add base url

---
 .../AboutTheHotel/ContactInformation/index.tsx        | 11 +++++++----
 .../SidePeeks/WellnessAndExercise/Facility/index.tsx  |  2 +-
 .../hotelPage/sidepeek/contactInformation.ts          |  4 ++++
 3 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/components/ContentType/HotelPage/SidePeeks/AboutTheHotel/ContactInformation/index.tsx b/components/ContentType/HotelPage/SidePeeks/AboutTheHotel/ContactInformation/index.tsx
index ed9e55b76..09824d10a 100644
--- a/components/ContentType/HotelPage/SidePeeks/AboutTheHotel/ContactInformation/index.tsx
+++ b/components/ContentType/HotelPage/SidePeeks/AboutTheHotel/ContactInformation/index.tsx
@@ -10,7 +10,10 @@ import { getLang } from "@/i18n/serverContext"
 
 import styles from "./contactInformation.module.css"
 
-import type { ContactInformationProps } from "@/types/components/hotelPage/sidepeek/contactInformation"
+import {
+  type ContactInformationProps,
+  GoogleMapsDirections,
+} from "@/types/components/hotelPage/sidepeek/contactInformation"
 
 export default async function ContactInformation({
   hotelAdress,
@@ -41,7 +44,7 @@ export default async function ContactInformation({
             {intl.formatMessage({ id: "Driving directions" })}
           </Body>
           <Link
-            href={`https://www.google.com/maps/dir/?api=1&destination=${coordinates.lat},${coordinates.lng}`}
+            href={`${GoogleMapsDirections.BASE_URL}${coordinates.lat},${coordinates.lng}`}
             target="_blank"
             color="peach80"
             textDecoration="underline"
@@ -92,7 +95,7 @@ export default async function ContactInformation({
             {contact.email}
           </Link>
         </div>
-        {ecoLabels.nordicEcoLabel ? (
+        {ecoLabels.nordicEcoLabel && (
           <div className={styles.ecoLabel}>
             <Image
               height={38}
@@ -109,7 +112,7 @@ export default async function ContactInformation({
               </Caption>
             </div>
           </div>
-        ) : null}
+        )}
       </div>
     </div>
   )
diff --git a/components/ContentType/HotelPage/SidePeeks/WellnessAndExercise/Facility/index.tsx b/components/ContentType/HotelPage/SidePeeks/WellnessAndExercise/Facility/index.tsx
index e00ed5964..3313a109b 100644
--- a/components/ContentType/HotelPage/SidePeeks/WellnessAndExercise/Facility/index.tsx
+++ b/components/ContentType/HotelPage/SidePeeks/WellnessAndExercise/Facility/index.tsx
@@ -16,7 +16,7 @@ export default async function Facility({ data }: FacilityProps) {
 
   return (
     <div className={styles.content}>
-      {image.imageSizes.medium && (
+      {image?.imageSizes.medium && (
         <Image
           src={image.imageSizes.medium}
           alt={image.metaData.altText || ""}
diff --git a/types/components/hotelPage/sidepeek/contactInformation.ts b/types/components/hotelPage/sidepeek/contactInformation.ts
index 7d8d17327..7351455db 100644
--- a/types/components/hotelPage/sidepeek/contactInformation.ts
+++ b/types/components/hotelPage/sidepeek/contactInformation.ts
@@ -1,5 +1,9 @@
 import type { AboutTheHotelSidePeekProps } from "./aboutTheHotel"
 
+export enum GoogleMapsDirections {
+  BASE_URL = "https://www.google.com/maps/dir/?api=1&destination=",
+}
+
 export type ContactInformationProps = Omit<
   AboutTheHotelSidePeekProps,
   "descriptions" | "buttonUrl"