homeflowjs 0.13.31 → 0.13.33

package/actions/properties.actions.js

@@ -48,7 +48,7 @@ export const setPropertyLinksAsync = (page = null) => (dispatch) => {
 
       const nextSearch = {
         ...lastSearch,
-        page: lastSearch.page ? lastSearch.page : 1,
+        page: lastSearch.page ? +lastSearch.page : 1,
       };
 
       // if there is a previous, conduct search for next

package/app/user-history.js

@@ -38,6 +38,6 @@ export const updateLastSearchPageInLocalStorage = (change) => {
   // Get search history from local storage
   let searchHistory = localStorage.getItem('searchHistory');
   searchHistory = searchHistory ? JSON.parse(searchHistory) : [];
-  searchHistory[0].page = (searchHistory[0].page ? searchHistory[0].page : 1) + change;
+  searchHistory[0].page = (searchHistory[0].page ? +searchHistory[0].page : 1) + change;
   localStorage.setItem('searchHistory', JSON.stringify(searchHistory));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "homeflowjs",
-  "version": "0.13.31",
+  "version": "0.13.33",
   "sideEffects": [
     "modal/**/*",
     "user/default-profile/**/*",

package/properties/property-map/property-leaflet-map.component.jsx

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import L from 'leaflet';
 import { MapContainer, TileLayer, Marker, Popup } from 'react-leaflet';
 
-const PropertyLeafletMap = ({ CustomPopup }) => {
+const PropertyLeafletMap = ({ CustomPopup, leafletWhenReady }) => {
   const property = Homeflow.get('property');
   const customIcon = Homeflow.get('custom_map_icon');
   const customIconAnchor = Homeflow.get('custom_map_icon_anchor');
@@ -21,6 +21,9 @@ const PropertyLeafletMap = ({ CustomPopup }) => {
       zoom={property?.agency_zoom_level || 100}
       scrollWheelZoom={false}
       style={{ height: '100%' }}
+      {...leafletWhenReady && {
+        whenReady: leafletWhenReady,
+      }}
     >
       <TileLayer
         attribution='&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
@@ -39,10 +42,12 @@ const PropertyLeafletMap = ({ CustomPopup }) => {
 
 PropertyLeafletMap.propTypes = {
   CustomPopup: PropTypes.elementType,
+  leafletWhenReady: PropTypes.func,
 };
 
 PropertyLeafletMap.defaultProps = {
   CustomPopup: null,
+  leafletWhenReady: null,
 };
 
 export default PropertyLeafletMap;

package/properties/property-map/property-map.component.jsx

@@ -76,10 +76,16 @@ class PropertyMap extends React.Component {
   }
 
   render() {
-    const { google, iconConfig, CustomPopup, placeholder } = this.props;
+    const { google, iconConfig, CustomPopup, placeholder, leafletWhenReady } = this.props;
 
     if (!google) {
-      return <LazyLeafletMap iconConfig={iconConfig} CustomPopup={CustomPopup} placeholder={placeholder} />;
+      return (
+        <LazyLeafletMap
+          iconConfig={iconConfig}
+          CustomPopup={CustomPopup}
+          placeholder={placeholder}
+          leafletWhenReady={leafletWhenReady}
+        />);
     }
 
     return (
@@ -99,6 +105,7 @@ PropertyMap.propTypes = {
   iconConfig: PropTypes.object,
   CustomPopup: PropTypes.elementType,
   placeholder: PropTypes.object,
+  leafletWhenReady: PropTypes.func,
 };
 
 PropertyMap.defaultProps = {
@@ -111,6 +118,7 @@ PropertyMap.defaultProps = {
   iconConfig: null,
   CustomPopup: null,
   placeholder: <div>Loading</div>,
+  leafletWhenReady: null,
 };
 
 const mapDispatchToProps = {