Add environment variables for flexible map settings

aelassas · Feb 13, 2025 · 0428a42 · 0428a42
1 parent 1bc7960
commit 0428a42
Show file tree

Hide file tree

Showing 8 changed files with 16 additions and 7 deletions.
diff --git a/frontend/.env.docker.example b/frontend/.env.docker.example
@@ -28,3 +28,6 @@ VITE_MI_MIN_LOCATIONS=4
 VITE_MI_CONTACT_EMAIL=info@movinin.io
 VITE_MI_WEBSITE_NAME="Movin' In"
 VITE_MI_HIDE_AGENCIES=false
+VITE_MI_MAP_LATITUDE=36.966428
+VITE_MI_MAP_LONGITUDE=-95.844032
+VITE_MI_MAP_ZOOM=5
diff --git a/frontend/.env.example b/frontend/.env.example
@@ -29,3 +29,6 @@ VITE_MI_MIN_LOCATIONS=4
 VITE_MI_CONTACT_EMAIL=info@movinin.io
 VITE_MI_WEBSITE_NAME="Movin' In"
 VITE_MI_HIDE_AGENCIES=false
+VITE_MI_MAP_LATITUDE=36.966428
+VITE_MI_MAP_LONGITUDE=-95.844032
+VITE_MI_MAP_ZOOM=5
diff --git a/frontend/src/components/MapDialog.tsx b/frontend/src/components/MapDialog.tsx
@@ -72,7 +72,7 @@ const MapDialog = ({
       <DialogContent className="map-dialog-content">
         {location && (
           <Map
-            position={[location.latitude || 36.966428, location.longitude || -95.844032]}
+            position={[location.latitude || env.MAP_LATITUDE, location.longitude || env.MAP_LONGITUDE]}
             initialZoom={location.latitude && location.longitude ? 10 : 2.5}
             locations={[location]}
             className="map"

diff --git a/frontend/src/config/env.config.ts b/frontend/src/config/env.config.ts
@@ -113,6 +113,9 @@ const env = {
   MIN_LOCATIONS: Number.parseInt(String(import.meta.env.VITE_MI_MIN_LOCATIONS), 10) || 4,
   CONTACT_EMAIL: import.meta.env.VITE_MI_CONTACT_EMAIL,
   HIDE_AGENCIES: (import.meta.env.VITE_MI_HIDE_AGENCIES && import.meta.env.VITE_MI_HIDE_AGENCIES.toLowerCase()) === 'true',
+  MAP_LATITUDE: Number(String(import.meta.env.VITE_MI_MAP_LATITUDE || '36.966428')),
+  MAP_LONGITUDE: Number(String(import.meta.env.VITE_MI_MAP_LONGITUDE || '-95.844032')),
+  MAP_ZOOM: Number(String(import.meta.env.VITE_MI_MAP_ZOOM || '5')),
 }
 
 export default env
diff --git a/frontend/src/pages/Checkout.tsx b/frontend/src/pages/Checkout.tsx
@@ -418,7 +418,7 @@ const Checkout = () => {
 
                   {(location.latitude && location.longitude) && (
                     <Map
-                      position={[location.latitude || 36.966428, location.longitude || -95.844032]}
+                      position={[location.latitude || env.MAP_LATITUDE, location.longitude || env.MAP_LONGITUDE]}
                       initialZoom={location.latitude && location.longitude ? 10 : 2.5}
                       locations={[location]}
                       className="map"

diff --git a/frontend/src/pages/Home.tsx b/frontend/src/pages/Home.tsx
@@ -203,8 +203,8 @@ const Home = () => {
         <div className="home-map">
           <Map
             title={strings.MAP_TITLE}
-            position={new L.LatLng(36.966428, -95.844032)}
-            initialZoom={5}
+            position={new L.LatLng(env.MAP_LATITUDE, env.MAP_LONGITUDE)}
+            initialZoom={env.MAP_ZOOM}
             locations={locations}
             onSelelectLocation={async (locationId) => {
               setLocation(locationId)

diff --git a/frontend/src/pages/Locations.tsx b/frontend/src/pages/Locations.tsx
@@ -25,8 +25,8 @@ const Locations = () => {
     <Layout onLoad={onLoad} strict={false}>
       <div className="locations">
         <Map
-          position={new L.LatLng(36.966428, -95.844032)}
-          initialZoom={5}
+          position={new L.LatLng(env.MAP_LATITUDE, env.MAP_LONGITUDE)}
+          initialZoom={env.MAP_ZOOM}
           locations={locations}
           onSelelectLocation={async (locationId) => {
             setLocation(locationId)

diff --git a/frontend/src/pages/Search.tsx b/frontend/src/pages/Search.tsx
@@ -104,7 +104,7 @@ const Properties = () => {
               <>
                 {location.latitude && location.longitude && (
                   <Map
-                    position={[location.latitude || 36.966428, location.longitude || -95.844032]}
+                    position={[location.latitude || env.MAP_LATITUDE, location.longitude || env.MAP_LONGITUDE]}
                     initialZoom={location.latitude && location.longitude ? 10 : 2.5}
                     locations={[location]}
                     className="map"