Search & show listings

web/lib/api.js

@@ -0,0 +1,13 @@
+import fetch from 'isomorphic-fetch';
+
+export const loadProperties = ({bounds, minPrice = 0}) => {
+  // TODO: handle errors
+  //return fetch(process.env.API_URL + '/api/search', {
+  return fetch(`http://localhost:3001/api/search?bounds=${bounds}&minPrice=${minPrice}`, {
+    //credentials: 'include'
+  });
+
+  //const body = await res.text();
+  //return JSON.parse(body);
+}
+

web/lib/handlers.js

@@ -0,0 +1,43 @@
+const setMinPrice = ({type, action}, component) => {
+  component.setState({
+    filters: {
+      minPrice: parseFloat(action.minPrice) || 0
+    }
+  })
+}
+
+const viewListingDetails= ({type, action}, component) => {
+  component.setState({
+    listingDetails: true,
+    listingId: action.id,
+    descriptionExpanded: false
+  })
+}
+
+const listingsLoaded = ({type, action}, component) => {
+  component.setState({
+    listings: action.listings
+  });
+}
+
+const expandDescription = ({type, action}, component) => {
+  component.setState({
+    descriptionExpanded: true
+  });
+}
+
+const handlers = {
+  'SET_MIN_PRICE': setMinPrice,
+  'LISTINGS_LOADED': listingsLoaded,
+  'EXPAND_DESCRIPTION': expandDescription,
+  'VIEW_LISTING_DETAILS': viewListingDetails
+}
+
+export const handleMessage = ({type, action}, component) => {
+
+  if (!handlers[type]) {
+    throw new `Unhandled message: ${type}`;
+  }
+
+  return handlers[type]({type, action}, component);
+}