Fix: conditionally render Map component based on pickupLocation coord…

…inates
aelassas · Dec 31, 2024 · 96f3665 · 96f3665
1 parent 55dac7c
commit 96f3665
Showing 1 changed file with 9 additions and 7 deletions.
diff --git a/frontend/src/pages/Checkout.tsx b/frontend/src/pages/Checkout.tsx
@@ -537,13 +537,15 @@ const Checkout = () => {
                 <form onSubmit={handleSubmit}>
                   <div>
 
-                    <Map
-                      position={[pickupLocation.latitude || 34.0268755, pickupLocation.longitude || 1.6528399999999976]}
-                      initialZoom={pickupLocation.latitude && pickupLocation.longitude ? 10 : 2.5}
-                      parkingSpots={pickupLocation.parkingSpots}
-                      locations={[pickupLocation]}
-                      className="map"
-                    />
+                    {pickupLocation.latitude && pickupLocation.longitude && (
+                      <Map
+                        position={[pickupLocation.latitude || 34.0268755, pickupLocation.longitude || 1.6528399999999976]}
+                        initialZoom={pickupLocation.latitude && pickupLocation.longitude ? 10 : 2.5}
+                        parkingSpots={pickupLocation.parkingSpots}
+                        locations={[pickupLocation]}
+                        className="map"
+                      />
+                    )}
 
                     <CarList
                       cars={[car]}