homeflowjs 1.0.86 → 1.0.87

package/package.json

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

package/properties/properties-display/properties-display.component.jsx

@@ -1,16 +1,21 @@
 import React, { useEffect, useRef, useMemo, Children } from 'react';
-import { connect, useSelector } from 'react-redux';
+import { useSelector } from 'react-redux';
 import PropTypes from 'prop-types';
 import { propertiesByPage, updatePageInURL } from '../property-utils/property-utils';
-import { usePropertyInfiniteScroll, useLoadPreviousProperties } from '../../hooks';
-import { updateLastSearchOnPropertyCardClick, updateLastSearchPageInLocalStorage } from '../../app/user-history.js';
+import {
+  usePropertyInfiniteScroll,
+  useLoadPreviousProperties
+} from '../../hooks';
+import {
+  updateLastSearchOnPropertyCardClick,
+  updateLastSearchPageInLocalStorage
+} from '../../app/user-history.js';
 
 const ConditionalWrapper = ({ condition, wrapper, children }) => (
   condition ? wrapper(children) : children
 );
 
 const PropertiesDisplay = ({
-  properties,
   Item,
   displayType,
   infiniteScroll,
@@ -22,6 +27,8 @@ const PropertiesDisplay = ({
   previousBtnClasses,
   ...other
 }) => {
+  const properties = useSelector(state => state?.properties?.properties) || [];
+
   if (!properties?.length) {
     if (inserts.length > 0) {
       return (
@@ -71,7 +78,9 @@ const PropertiesDisplay = ({
   }, [properties]);
 
   const addWrapper = displayType === 'list';
-  const showPreviousBtn = includePreviousBtn && hasPreviousPage && !loadingPreviousProperties;
+  const showPreviousBtn = includePreviousBtn
+    && hasPreviousPage
+    && !loadingPreviousProperties;
   const showPreviousLoader = includePreviousBtn
     && InfiniteScrollLoader
     && hasPreviousPage
@@ -136,7 +145,11 @@ const PropertiesDisplay = ({
           return (
             <React.Fragment key={property.property_id}>
               {inserts[0].component}
-              <Item property={property} onClick={() => visitPropertyUpdate(property.property_id)} {...other} />
+              <Item
+                property={property}
+                onClick={() => visitPropertyUpdate(property.property_id)}
+                {...other}
+              />
             </React.Fragment>
           );
         } else if (
@@ -148,7 +161,11 @@ const PropertiesDisplay = ({
           if (findResult && !removeLastInsert) {
             return (
               <React.Fragment key={property.property_id}>
-                <Item property={property} onClick={() => visitPropertyUpdate(property.property_id)} {...other} />
+                <Item
+                  property={property}
+                  onClick={() => visitPropertyUpdate(property.property_id)}
+                  {...other}
+                />
                 {findResult.component}
               </React.Fragment>
             );
@@ -186,7 +203,11 @@ const PropertiesDisplay = ({
         {items}
       </div>
       {showScrollRef && (
-        <div ref={infiniteScrollRef} className="hf-property-results__infinite-scroll-trigger" style={{ height: '1px', opacity: 0 }} />
+        <div
+          ref={infiniteScrollRef}
+          className="hf-property-results__infinite-scroll-trigger"
+          style={{ height: '1px', opacity: 0 }}
+        />
       )}
       {showScrollLoader && (
         <InfiniteScrollLoader />
@@ -196,8 +217,7 @@ const PropertiesDisplay = ({
 };
 
 PropertiesDisplay.propTypes = {
-  properties: PropTypes.array.isRequired,
-  Item: PropTypes.elementType.isRequired,
+  Item: PropTypes.elementType,
   displayType: PropTypes.string.isRequired,
   infiniteScroll: PropTypes.bool.isRequired,
   includePreviousBtn: PropTypes.bool.isRequired,
@@ -208,6 +228,7 @@ PropertiesDisplay.propTypes = {
 };
 
 PropertiesDisplay.defaultProps = {
+  Item: null,
   inserts: [],
   removeLastInsert: false,
   InfiniteScrollLoader: null,
@@ -215,8 +236,4 @@ PropertiesDisplay.defaultProps = {
   noResultsMessage: <p>There were no properties matching your search.</p>,
 };
 
-const mapStateToProps = (state) => ({
-  properties: state.properties.properties || [],
-});
-
-export default connect(mapStateToProps)(PropertiesDisplay);
+export default PropertiesDisplay;