Handle marker icons

web/components/Listings.js

@@ -11,6 +11,15 @@ export default class Listings extends React.Component {
     });
   }
 
+  onMouseEnter (id) {
+    this.props.dispatch({
+      type: 'ON_LISTING_MOUSE_OVER',
+      action: {
+        id
+      }
+    });
+  }
+
   renderListings () {
     const {listings = (new Map())} = this.props;
 
@@ -22,8 +31,9 @@ export default class Listings extends React.Component {
       rendered.push(
         <div
           key={l._id}
+          onMouseEnter={this.onMouseEnter.bind(this, l._id)}
           className="property-list-item"
-          onClick={this.onListingClick.bind(this, l.url)}>
+          onClick={this.onListingClick.bind(this, l._id)}>
           <div className="pli-image">
             <img src={images[0]} alt=""></img>
           </div>