32 lines
No EOL
1 KiB
JavaScript
32 lines
No EOL
1 KiB
JavaScript
import { connect } from 'react-redux';
|
|
import { applyFilter, fetchList } from 'Duck/filters';
|
|
import { fetchList as fetchFunnelsList } from 'Duck/funnels';
|
|
import DateRangeDropdown from 'Shared/DateRangeDropdown';
|
|
|
|
@connect(state => ({
|
|
rangeValue: state.getIn([ 'filters', 'appliedFilter', 'rangeValue' ]),
|
|
startDate: state.getIn([ 'filters', 'appliedFilter', 'startDate' ]),
|
|
endDate: state.getIn([ 'filters', 'appliedFilter', 'endDate' ]),
|
|
}), {
|
|
applyFilter, fetchList, fetchFunnelsList
|
|
})
|
|
export default class DateRange extends React.PureComponent {
|
|
onDateChange = (e) => {
|
|
this.props.fetchList(e.rangeValue)
|
|
this.props.fetchFunnelsList(e.rangeValue)
|
|
this.props.applyFilter(e)
|
|
}
|
|
render() {
|
|
const { startDate, endDate, rangeValue, className } = this.props;
|
|
return (
|
|
<DateRangeDropdown
|
|
button
|
|
onChange={ this.onDateChange }
|
|
rangeValue={ rangeValue }
|
|
startDate={ startDate }
|
|
endDate={ endDate }
|
|
className={ className }
|
|
/>
|
|
);
|
|
}
|
|
} |