WiP

sharetribe · Aug 3, 2018 · 50e3304 · 50e3304
1 parent 3c2c52f
commit 50e3304
Showing 1 changed file with 38 additions and 29 deletions.
diff --git a/src/components/SearchMap/SearchMap.js b/src/components/SearchMap/SearchMap.js
@@ -205,7 +205,7 @@ export class SearchMapComponent extends Component {
     this.onListingClicked = this.onListingClicked.bind(this);
     this.onMapClicked = this.onMapClicked.bind(this);
     this.onMapLoadHandler = this.onMapLoadHandler.bind(this);
-    this.forceUpdateHandler = this.forceUpdateHandler.bind(this);
+    //this.forceUpdateHandler = this.forceUpdateHandler.bind(this);
   }
 
   componentWillReceiveProps(nextProps) {
@@ -225,9 +225,9 @@ export class SearchMapComponent extends Component {
     this.listings = [];
   }
 
-  forceUpdateHandler() {
-    this.forceUpdate();
-  }
+  // forceUpdateHandler() {
+  //   this.forceUpdate();
+  // }
 
   createURLToListing(listing) {
     const routes = routeConfiguration();
@@ -297,37 +297,46 @@ export class SearchMapComponent extends Component {
 
     const isMapsLibLoaded = typeof window !== 'undefined' && window.google && window.google.maps;
 
+    const mapComponent = isMapsLibLoaded
+      ? (
+          <MapWithGoogleMap
+            containerElement={<div className={classes} onClick={this.onMapClicked} />}
+            mapElement={<div className={mapClasses} />}
+            center={center}
+            isOpenOnModal={isOpenOnModal}
+            listings={listings}
+            activeListingId={activeListingId}
+            infoCardOpen={infoCardOpen}
+            onListingClicked={this.onListingClicked}
+            onListingInfoCardClicked={this.onListingInfoCardClicked}
+            createURLToListing={this.createURLToListing}
+            onMapLoad={this.onMapLoadHandler}
+            onIdle={() => {
+              if (this.googleMap) {
+                onIdle(this.googleMap);
+              }
+            }}
+            onCloseAsModal={() => {
+              if (onCloseAsModal) {
+                onCloseAsModal();
+              }
+            }}
+            zoom={zoom}
+          />
+        )
+      : null;
+
+    const forceUpdateHandler = () => {
+      mapComponent.forceUpdate();
+    }
     // container element listens clicks so that opened SearchMapInfoCard can be closed
     /* eslint-disable jsx-a11y/no-static-element-interactions */
     return isMapsLibLoaded ? (
       <ReusableMapContainer
         className={reusableContainerClassName}
-        onReattach={this.forceUpdateHandler}
+        onReattach={forceUpdateHandler}
       >
-        <MapWithGoogleMap
-          containerElement={<div className={classes} onClick={this.onMapClicked} />}
-          mapElement={<div className={mapClasses} />}
-          center={center}
-          isOpenOnModal={isOpenOnModal}
-          listings={listings}
-          activeListingId={activeListingId}
-          infoCardOpen={infoCardOpen}
-          onListingClicked={this.onListingClicked}
-          onListingInfoCardClicked={this.onListingInfoCardClicked}
-          createURLToListing={this.createURLToListing}
-          onMapLoad={this.onMapLoadHandler}
-          onIdle={() => {
-            if (this.googleMap) {
-              onIdle(this.googleMap);
-            }
-          }}
-          onCloseAsModal={() => {
-            if (onCloseAsModal) {
-              onCloseAsModal();
-            }
-          }}
-          zoom={zoom}
-        />
+        {mapComponent}
       </ReusableMapContainer>
     ) : (
       <div className={classes} />