From b8767dd8f18fcfff91bfef952fc9838b7c7fc59b Mon Sep 17 00:00:00 2001
From: Fredrik Thorsson <fredrik.thorsson@scandichotels.com>
Date: Wed, 20 Nov 2024 13:19:59 +0100
Subject: [PATCH] feat(SW-750): add HotelLocation type

---
 .../ContactInformation/contactInformation.module.css   |  1 +
 .../AboutTheHotel/ContactInformation/index.tsx         | 10 +++++-----
 components/ContentType/HotelPage/SidePeeks/index.ts    |  2 ++
 components/ContentType/HotelPage/index.tsx             |  5 ++---
 types/components/hotelPage/sidepeek/aboutTheHotel.ts   |  7 ++-----
 .../hotelPage/sidepeek/contactInformation.ts           |  4 ----
 6 files changed, 12 insertions(+), 17 deletions(-)
 create mode 100644 components/ContentType/HotelPage/SidePeeks/index.ts

diff --git a/components/ContentType/HotelPage/SidePeeks/AboutTheHotel/ContactInformation/contactInformation.module.css b/components/ContentType/HotelPage/SidePeeks/AboutTheHotel/ContactInformation/contactInformation.module.css
index 56e92dba3..b616382ab 100644
--- a/components/ContentType/HotelPage/SidePeeks/AboutTheHotel/ContactInformation/contactInformation.module.css
+++ b/components/ContentType/HotelPage/SidePeeks/AboutTheHotel/ContactInformation/contactInformation.module.css
@@ -34,6 +34,7 @@
 .socialIcons {
   display: flex;
   gap: var(--Spacing-x1);
+  align-items: center;
 }
 
 .email {
diff --git a/components/ContentType/HotelPage/SidePeeks/AboutTheHotel/ContactInformation/index.tsx b/components/ContentType/HotelPage/SidePeeks/AboutTheHotel/ContactInformation/index.tsx
index 58dd360c6..7ac140336 100644
--- a/components/ContentType/HotelPage/SidePeeks/AboutTheHotel/ContactInformation/index.tsx
+++ b/components/ContentType/HotelPage/SidePeeks/AboutTheHotel/ContactInformation/index.tsx
@@ -10,10 +10,7 @@ import { getLang } from "@/i18n/serverContext"
 
 import styles from "./contactInformation.module.css"
 
-import {
-  type ContactInformationProps,
-  GoogleMapsDirections,
-} from "@/types/components/hotelPage/sidepeek/contactInformation"
+import type { ContactInformationProps } from "@/types/components/hotelPage/sidepeek/contactInformation"
 
 export default async function ContactInformation({
   hotelAddress,
@@ -24,6 +21,9 @@ export default async function ContactInformation({
 }: ContactInformationProps) {
   const intl = await getIntl()
   const lang = getLang()
+  const { latitude, longitude } = coordinates
+  const directionsUrl = `https://www.google.com/maps/dir/?api=1&destination=${latitude},${longitude}`
+
   return (
     <div className={styles.wrapper}>
       <Subtitle color="burgundy" asChild>
@@ -44,7 +44,7 @@ export default async function ContactInformation({
             {intl.formatMessage({ id: "Driving directions" })}
           </Body>
           <Link
-            href={`${GoogleMapsDirections.BASE_URL}${coordinates.lat},${coordinates.lng}`}
+            href={directionsUrl}
             target="_blank"
             color="peach80"
             textDecoration="underline"
diff --git a/components/ContentType/HotelPage/SidePeeks/index.ts b/components/ContentType/HotelPage/SidePeeks/index.ts
new file mode 100644
index 000000000..9990bd96b
--- /dev/null
+++ b/components/ContentType/HotelPage/SidePeeks/index.ts
@@ -0,0 +1,2 @@
+export { default as AboutTheHotelSidePeek } from "./AboutTheHotel"
+export { default as WellnessAndExerciseSidePeek } from "./WellnessAndExercise"
diff --git a/components/ContentType/HotelPage/index.tsx b/components/ContentType/HotelPage/index.tsx
index e509895fe..03e4c550f 100644
--- a/components/ContentType/HotelPage/index.tsx
+++ b/components/ContentType/HotelPage/index.tsx
@@ -16,13 +16,12 @@ import MapCard from "./Map/MapCard"
 import MapWithCardWrapper from "./Map/MapWithCard"
 import MobileMapToggle from "./Map/MobileMapToggle"
 import StaticMap from "./Map/StaticMap"
-import AboutTheHotelSidePeek from "./SidePeeks/AboutTheHotel"
-import WellnessAndExerciseSidePeek from "./SidePeeks/WellnessAndExercise"
 import AmenitiesList from "./AmenitiesList"
 import Facilities from "./Facilities"
 import IntroSection from "./IntroSection"
 import PreviewImages from "./PreviewImages"
 import { Rooms } from "./Rooms"
+import { AboutTheHotelSidePeek, WellnessAndExerciseSidePeek } from "./SidePeeks"
 import TabNavigation from "./TabNavigation"
 
 import styles from "./hotelPage.module.css"
@@ -140,7 +139,7 @@ export default async function HotelPage() {
         </SidePeek>
         <AboutTheHotelSidePeek
           hotelAddress={hotelAddress}
-          coordinates={coordinates}
+          coordinates={hotelLocation}
           contact={contact}
           socials={socials}
           ecoLabels={ecoLabels}
diff --git a/types/components/hotelPage/sidepeek/aboutTheHotel.ts b/types/components/hotelPage/sidepeek/aboutTheHotel.ts
index 937403e6c..b5af5e881 100644
--- a/types/components/hotelPage/sidepeek/aboutTheHotel.ts
+++ b/types/components/hotelPage/sidepeek/aboutTheHotel.ts
@@ -1,11 +1,8 @@
-import type { Hotel, HotelAddress } from "@/types/hotel"
+import type { Hotel, HotelAddress, HotelLocation } from "@/types/hotel"
 
 export type AboutTheHotelSidePeekProps = {
   hotelAddress: HotelAddress
-  coordinates: {
-    lat: number
-    lng: number
-  }
+  coordinates: HotelLocation
   contact: Hotel["contactInformation"]
   socials: Hotel["socialMedia"]
   ecoLabels: Hotel["hotelFacts"]["ecoLabels"]
diff --git a/types/components/hotelPage/sidepeek/contactInformation.ts b/types/components/hotelPage/sidepeek/contactInformation.ts
index 6bf9e8cc9..f1eb73196 100644
--- a/types/components/hotelPage/sidepeek/contactInformation.ts
+++ b/types/components/hotelPage/sidepeek/contactInformation.ts
@@ -1,9 +1,5 @@
 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"