Autosave ownership layer display

src/actions/MapActions.js

@@ -140,6 +140,7 @@ export const saveCurrentMap = (
       mapLayers: {
         landDataLayers: getState().mapLayers.landDataLayers,
         myDataLayers: getState().dataGroups.activeGroups,
+        ownershipDisplay: getState().landOwnership.displayActive,
       },
       version: VERSION,
       name: saveName,

src/components/left-pane/LeftPaneLandData.js

@@ -5,6 +5,7 @@ import LeftPaneToggle from "./LeftPaneToggle";
 import Draggable from "./Draggable";
 import LandDataLayerToggle from "./LandDataLayerToggle";
 import { toggleDataGroup } from "../../actions/DataGroupActions";
+import { togglePropertyDisplay } from "../../actions/LandOwnershipActions";
 
 const DataLayersContainer = ({ children, title }) => {
   const [expanded, setExpanded] = useState(true);
@@ -120,7 +121,7 @@ const LeftPaneLandData = ({ open, active, onClose }) => {
         <LeftPaneToggle
           title={"Property Boundaries"}
           on={landOwnershipActive}
-          onToggle={() => dispatch({ type: "TOGGLE_PROPERTY_DISPLAY" })}
+          onToggle={() => dispatch(togglePropertyDisplay())}
         />
       </DataLayersContainer>
       <DataLayersContainer title={"Administrative Boundaries"}>

src/reducers/LandOwnershipReducer.js

@@ -50,6 +50,13 @@ export default (state = INITIAL_STATE, action) => {
         ...state,
         activePropertyId: null
       };
+    case 'LOAD_MAP':
+      // this could be undefined for old maps
+      const displayActive = action.payload.data.mapLayers.ownershipDisplay || false;
+      return {
+        ...state,
+        displayActive
+      }
     default:
       return state;
   }