Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Hide date range filter if dateRangeFilter.show is false

This commit is contained in:
Albert Juhé Lluveras 2018-12-07 14:19:20 -06:00
parent d161732c0a
commit 44e97caeab
1 changed files with 16 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
plugins/woocommerce-admin/packages/components/src/filters/index.js
View File

@ -57,13 +57,15 @@ class ReportFilters extends Component {
}
render() {
const { filters, query, path } = this.props;
const { dateRangeFilter, filters, query, path } = this.props;
return (
<Fragment>
<H className="screen-reader-text">{ __( 'Filters', 'wc-admin' ) }</H>
<Section component="div" className="woocommerce-filters">
<div className="woocommerce-filters__basic-filters">
<DatePicker key={ JSON.stringify( query ) } query={ query } path={ path } />
{ dateRangeFilter.show && (
<DatePicker key={ JSON.stringify( query ) } query={ query } path={ path } />
) }
{ filters.map( config => {
if ( config.showFilters( query ) ) {
return (
@ -89,6 +91,15 @@ ReportFilters.propTypes = {
* Config option passed through to `AdvancedFilters`
*/
advancedFilters: PropTypes.object,
/**
* Config options for the date range picker.
*/
dateRangeFilter: PropTypes.shape( {
/**
* Whether the date range filter must be shown.
*/
show: PropTypes.bool,
} ),
/**
* Config option passed through to `FilterPicker` - if not used, `FilterPicker` is not displayed.
*/
@ -105,6 +116,9 @@ ReportFilters.propTypes = {
ReportFilters.defaultProps = {
advancedFilters: {},
dateRangeFilter: {
show: true,
},
filters: [],
query: {},
};