Started to work on filters

web/components/Filters.js

@@ -12,8 +12,17 @@ export default class Filters extends React.Component {
     this.props.dispatch({type: 'SET_MIN_PRICE', action: {minPrice: e.target.value}})
   }
 
+  onRoomsClick(rooms) {
+    console.log('rooms:', rooms);
+    this.props.dispatch({type: 'SET_ROOMS', action: {rooms}});
+  }
+
   render() {
 
+    const {filters} = this.props;
+
+    const selectedRooms = (val) => filters.rooms[val] ? 'selected' : '';
+
     return (
       <div className="filters">
         <div className="filters-close">
@@ -25,7 +34,7 @@ export default class Filters extends React.Component {
 
         <div className="filter-row">
           <div className="filter-title">
-            CIJENA 
+            CIJENA
           </div>
 
           <div className="filter-content value-between-box">
@@ -68,16 +77,16 @@ export default class Filters extends React.Component {
             BROJ SOBA
           </div>
           <div className="filter-content">
-            <div className="filter-btn property-rooms-studio-btn">
+            <div onClick={this.onRoomsClick.bind(this, 'Garsonjera')} className={`filter-btn property-rooms-studio-btn ${selectedRooms('Garsonjera')}`}>
               Garsonjera
             </div>
-            <div className="filter-btn property-rooms-btn">
+            <div onClick={this.onRoomsClick.bind(this, 2)} className={`filter-btn property-rooms-btn ${selectedRooms(2)}`}>
               2
             </div>
-            <div className="filter-btn property-rooms-btn">
+            <div onClick={this.onRoomsClick.bind(this, 3)} className={`filter-btn property-rooms-btn ${selectedRooms(3)}`}>
               3
             </div>
-            <div className="filter-btn property-rooms-btn">
+            <div onClick={this.onRoomsClick.bind(this, '4+')} className={`filter-btn property-rooms-btn ${selectedRooms('4+')}`}>
               4+
             </div>
           </div>

web/components/Main.js

@@ -14,7 +14,8 @@ class Main extends React.Component {
       listings: (new Map()),
       imageIndex: 0,
       filters: {
-        minPrice: 0
+        minPrice: 0,
+        rooms: {}
       }
     };
   }