From aef10e776413b84f4813fbae74c9c11989da2d4b Mon Sep 17 00:00:00 2001
From: hamed <15238-genius.ha@users.noreply.drupalcode.org>
Date: Wed, 19 Nov 2025 10:24:07 +0330
Subject: [PATCH] refactor: update map button functionality to use latitude and
 longitude for Google Maps links

---
 .../userAccount/sidebars/turns/isTurnsDetails/DetailLg.js  | 7 ++++++-
 .../userAccount/sidebars/turns/isTurnsDetails/DetailSm.js  | 7 ++++++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/components/dashboard/userAccount/sidebars/turns/isTurnsDetails/DetailLg.js b/components/dashboard/userAccount/sidebars/turns/isTurnsDetails/DetailLg.js
index a7c2015..4bd3e10 100644
--- a/components/dashboard/userAccount/sidebars/turns/isTurnsDetails/DetailLg.js
+++ b/components/dashboard/userAccount/sidebars/turns/isTurnsDetails/DetailLg.js
@@ -68,7 +68,12 @@ function DetailLg({ appointmentData, loading }) {
             <Button
               className="!py-[8px] !px-[12px] !gap-[8px]"
               variant="text"
-              onClick={() => appointmentData?.address?.map && window.open(appointmentData.address.map, '_blank')}
+              onClick={() => {
+                const map = appointmentData?.address?.map;
+                if (map?.latitude && map?.longitude) {
+                  window.open(`https://www.google.com/maps?q=${map.latitude},${map.longitude}`, '_blank');
+                }
+              }}
             >
               <RoutingC />
               <p className="text-[#5559CE] text-[14px] font-medium">
diff --git a/components/dashboard/userAccount/sidebars/turns/isTurnsDetails/DetailSm.js b/components/dashboard/userAccount/sidebars/turns/isTurnsDetails/DetailSm.js
index 8d71989..8db8c49 100644
--- a/components/dashboard/userAccount/sidebars/turns/isTurnsDetails/DetailSm.js
+++ b/components/dashboard/userAccount/sidebars/turns/isTurnsDetails/DetailSm.js
@@ -58,7 +58,12 @@ function DetailSm({ appointmentData, loading }) {
             <Button
               className="!py-[8px] !border-[#EFEFEF] !px-[12px] !gap-[8px]"
               variant="outlined"
-              onClick={() => appointmentData?.address?.map && window.open(appointmentData.address.map, '_blank')}
+              onClick={() => {
+                const map = appointmentData?.address?.map;
+                if (map?.latitude && map?.longitude) {
+                  window.open(`https://www.google.com/maps?q=${map.latitude},${map.longitude}`, '_blank');
+                }
+              }}
             >
               <RoutingC />
               <p className="text-[#5559CE] text-[14px] font-medium">