From 1595b18644545d633b3ef5a4e051b460f0167c91 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Wed, 13 Nov 2024 15:57:49 +0100
Subject: [PATCH] feat(SW-826): Added Google Maps Link

---
 components/HotelReservation/Contact/contact.module.css | 6 ++++++
 components/HotelReservation/Contact/index.tsx          | 8 ++++++--
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/components/HotelReservation/Contact/contact.module.css b/components/HotelReservation/Contact/contact.module.css
index 768e01ca2..b9fba3d9b 100644
--- a/components/HotelReservation/Contact/contact.module.css
+++ b/components/HotelReservation/Contact/contact.module.css
@@ -46,3 +46,9 @@
   flex-direction: column;
   justify-content: center;
 }
+
+.googleMaps {
+  text-decoration: none;
+  font-family: var(--typography-Body-Regular-fontFamily);
+  color: var(--Base-Text-Medium-contrast);
+}
diff --git a/components/HotelReservation/Contact/index.tsx b/components/HotelReservation/Contact/index.tsx
index 2f4e8ccd5..b490b6e89 100644
--- a/components/HotelReservation/Contact/index.tsx
+++ b/components/HotelReservation/Contact/index.tsx
@@ -13,6 +13,7 @@ import styles from "./contact.module.css"
 import { ContactProps } from "@/types/components/hotelReservation/selectHotel/selectHotel"
 
 export default function Contact({ hotel }: ContactProps) {
+  console.log(hotel)
   const lang = useLang()
   const intl = useIntl()
 
@@ -32,9 +33,12 @@ export default function Contact({ hotel }: ContactProps) {
             <span className={styles.heading}>
               {intl.formatMessage({ id: "Driving directions" })}
             </span>
-            <Link href="#" color="peach80">
+            <a
+              href={`https://www.google.com/maps/dir/?api=1&destination=${hotel.location.latitude},${hotel.location.longitude}`}
+              className={styles.googleMaps}
+            >
               Google Maps
-            </Link>
+            </a>
           </li>
           <li>
             <span className={styles.heading}>