From c610b4f53268999f6079e4b0539e38e4cc8116da Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Fri, 6 Dec 2024 14:00:30 +0100
Subject: [PATCH] feat(SW-1111) Link to google maps

---
 .../HotelReservation/HotelCard/index.tsx      | 22 ++++++++++++-------
 1 file changed, 14 insertions(+), 8 deletions(-)

diff --git a/components/HotelReservation/HotelCard/index.tsx b/components/HotelReservation/HotelCard/index.tsx
index 5c2f788ee..692347284 100644
--- a/components/HotelReservation/HotelCard/index.tsx
+++ b/components/HotelReservation/HotelCard/index.tsx
@@ -96,15 +96,21 @@ function HotelCard({
                   {hotelData.address.streetAddress}, {hotelData.address.city}
                 </Caption>
               </address>
-              <Link
-                className={styles.addressMobile}
-                href={`${selectHotelMap(lang)}?selectedHotel=${hotelData.name}`}
-                keepSearchParams
-              >
-                <Caption color="baseTextMediumContrast" type="underline">
+              <Caption color="baseTextMediumContrast" type="underline" asChild>
+                <a
+                  href={`https://www.google.com/maps/dir/?api=1&destination=${hotelData.location.latitude},${hotelData.location.longitude}`}
+                  className={styles.googleMaps}
+                  target="_blank"
+                  aria-label={intl.formatMessage({
+                    id: "Driving directions",
+                  })}
+                  title={intl.formatMessage({
+                    id: "Driving directions",
+                  })}
+                >
                   {hotelData.address.streetAddress}, {hotelData.address.city}
-                </Caption>
-              </Link>
+                </a>
+              </Caption>
               <div>
                 <Divider variant="vertical" color="subtle" />
               </div>