From b1bad8a89365e8820c346e45aa66c09647cedc4f Mon Sep 17 00:00:00 2001
From: accius <chris@cjhlighting.com>
Date: Sat, 31 Jan 2026 19:25:24 -0500
Subject: [PATCH] persistance

---
 public/index.html | 44 ++++++++++++++++++++++++++++++++++++++------
 1 file changed, 38 insertions(+), 6 deletions(-)

diff --git a/public/index.html b/public/index.html
index b8e7dac..5501256 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1829,23 +1829,29 @@
       const storedSettings = getStoredMapSettings();
       
       const [mapStyle, setMapStyle] = useState(storedSettings.mapStyle || 'dark');
+      const [mapView, setMapView] = useState({
+        center: storedSettings.center || [20, 0],
+        zoom: storedSettings.zoom || 2.5
+      });
       
-      // Save map style to localStorage when changed
+      // Save map settings to localStorage when changed
       useEffect(() => {
         try {
           localStorage.setItem('openhamclock_mapSettings', JSON.stringify({
-            mapStyle
+            mapStyle,
+            center: mapView.center,
+            zoom: mapView.zoom
           }));
         } catch (e) { console.error('Failed to save map settings:', e); }
-      }, [mapStyle]);
+      }, [mapStyle, mapView]);
 
       // Initialize map
       useEffect(() => {
         if (!mapRef.current || mapInstanceRef.current) return;
 
         const map = L.map(mapRef.current, {
-          center: [20, 0],
-          zoom: 2.5,
+          center: mapView.center,
+          zoom: mapView.zoom,
           minZoom: 2.3,
           maxZoom: 18,
           worldCopyJump: true,
@@ -1892,6 +1898,13 @@
             onDXChange({ lat: e.latlng.lat, lon: e.latlng.lng });
           }
         });
+        
+        // Save map view when user pans or zooms
+        map.on('moveend', () => {
+          const center = map.getCenter();
+          const zoom = map.getZoom();
+          setMapView({ center: [center.lat, center.lng], zoom });
+        });
 
         mapInstanceRef.current = map;
 
@@ -3571,7 +3584,26 @@
       const [currentTime, setCurrentTime] = useState(new Date());
       const [startTime] = useState(Date.now());
       const [uptime, setUptime] = useState('0d 0h 0m');
-      const [dxLocation, setDxLocation] = useState(config.defaultDX);
+      
+      // DX Location with localStorage persistence
+      const [dxLocation, setDxLocation] = useState(() => {
+        try {
+          const stored = localStorage.getItem('openhamclock_dxLocation');
+          if (stored) {
+            const parsed = JSON.parse(stored);
+            if (parsed.lat && parsed.lon) return parsed;
+          }
+        } catch (e) {}
+        return config.defaultDX;
+      });
+      
+      // Save DX location when changed
+      useEffect(() => {
+        try {
+          localStorage.setItem('openhamclock_dxLocation', JSON.stringify(dxLocation));
+        } catch (e) { console.error('Failed to save DX location:', e); }
+      }, [dxLocation]);
+      
       const [showSettings, setShowSettings] = useState(false);
       const [isFullscreen, setIsFullscreen] = useState(false);