Make price filtering work

This commit is contained in:
Edin Dazdarevic
2017-04-04 04:36:52 +02:00
parent 0af6337132
commit 49e9e2fdfb
6 changed files with 179 additions and 112 deletions

View File

@@ -8,6 +8,10 @@ export default class Filters extends React.Component {
}
}
onMaxPriceChange (e) {
this.props.dispatch({type: 'SET_MAX_PRICE', action: {maxPrice: e.target.value}})
}
onMinPriceChange (e) {
this.props.dispatch({type: 'SET_MIN_PRICE', action: {minPrice: e.target.value}})
}
@@ -17,6 +21,10 @@ export default class Filters extends React.Component {
this.props.dispatch({type: 'SET_ROOMS', action: {rooms}});
}
onRefreshClick () {
this.props.dispatch({type: 'UPDATE_SEARCH'});
}
render() {
const {filters} = this.props;
@@ -38,7 +46,8 @@ export default class Filters extends React.Component {
</div>
<div className="filter-content value-between-box">
izmedju <input value={`${this.props.filters.minPrice}`} onChange={this.onMinPriceChange.bind(this)}></input> KM i <input></input>
izmedju <input value={`${this.props.filters.minPrice}`} onChange={this.onMinPriceChange.bind(this)}></input> KM i <input onChange={this.onMaxPriceChange.bind(this)}></input>
{this.props.filters.dirty? <button onClick={this.onRefreshClick.bind(this)}>Refresh</button>: null}
</div>
</div>