Listings view

web/components/Main.js

@@ -42,10 +42,16 @@ class Main extends React.Component {
     });
     control.index = 1;
     map.controls[google.maps.ControlPosition.TOP_RIGHT].push(control);
-
+    this.map = map;
   }
 
   onCloseClick(e) {
+    if (this.state.mapClicked) {
+      setTimeout(() => {
+        google.maps.event.trigger(this.map, 'resize');
+      }, 100);
+    }
+
     this.setState({
       mapClicked: false
     });
@@ -55,8 +61,8 @@ class Main extends React.Component {
     const leftStyle  = {};
     const rightStyle = {};
 
-    let leftClass = 'left-base';
-    let rightClass ='right-base';
+    let leftClass    = 'left-base';
+    let rightClass   = 'right-base';
 
     if (this.state.mapClicked) {
       leftClass = 'left-hidden';
@@ -85,10 +91,7 @@ class Main extends React.Component {
 
         <div id="right" style={rightStyle} className={rightClass}>
           <div className="right-content">
-        <div className="filters-close-button">
-          <button onClick={this.onCloseClick.bind(this)}>Close me!</button>
-        </div>
-            <Filters />
+            <Filters onClose={this.onCloseClick.bind(this)}/>
             <Listings />
           </div>
         </div>