Fix var naming, split out button component, ref #22

src/components/search_list.jsx

@@ -1,25 +1,18 @@
 import React from 'react';
+import SearchButton from './search_button.jsx';
 
-const SearchList = (props) => {
-  const handleClick = (guestHouse) => {
-    props.updateCurrent(guestHouse);
-  };
-  console.log(props);
-
-  return (
+const SearchList = props =>
+  (
     <div>
-      {props.db.map((guestHouses) => {
-        const boundItemClick = handleClick.bind(this, guestHouses.name);
-        return (
-          <button
-            key={guestHouses.name}
-            onClick={boundItemClick}>
-              {guestHouses.name}
-          </button>
-        );
-      })}
+      {props.db.map(guestHouses =>
+        // const boundItemClick = handleClick.bind(this, guestHouses.name);
+        <SearchButton
+          key={guestHouses.name}
+          clickHandler={props.updateCurrent}
+          currentGHouse={guestHouses.name}
+        />,
+      )}
     </div>
   );
-};
 
 export default SearchList;

src/containers/select_guesthouse.jsx

@@ -10,16 +10,18 @@ class SelectGuesthouse extends Component {
   constructor(props) {
     super(props);
     this.state = {
+      title: 'PAS',
+      tagLine: 'Park & Sleep',
       db: [],
       currentGuestHouse: {},
     };
     this.currentGuestHouse = this.currentGuestHouse.bind(this);
   }
 
   currentGuestHouse(guestHouse) {
-    const current = this.state.db.filter((curr) => {
-      if (curr.name === guestHouse) {
-        return curr;
+    const current = this.state.db.filter((GHouse) => {
+      if (GHouse.name === guestHouse) {
+        return GHouse;
       }
       return current;
     });