2018-05-28 10:55:19 +00:00
|
|
|
/** @format */
|
|
|
|
/**
|
|
|
|
* External dependencies
|
|
|
|
*/
|
|
|
|
import { __ } from '@wordpress/i18n';
|
|
|
|
import { Component } from '@wordpress/element';
|
|
|
|
import PropTypes from 'prop-types';
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Internal dependencies
|
|
|
|
*/
|
|
|
|
import SegmentedSelection from 'components/segmented-selection';
|
|
|
|
|
|
|
|
const compareValues = [
|
2018-07-10 12:48:06 +00:00
|
|
|
{ value: 'previous_period', label: __( 'Previous Period', 'wc-admin' ) },
|
|
|
|
{ value: 'previous_year', label: __( 'Previous Year', 'wc-admin' ) },
|
2018-05-28 10:55:19 +00:00
|
|
|
];
|
|
|
|
|
|
|
|
class ComparePeriods extends Component {
|
|
|
|
render() {
|
|
|
|
const { onSelect, compare } = this.props;
|
|
|
|
return (
|
|
|
|
<SegmentedSelection
|
|
|
|
options={ compareValues }
|
|
|
|
selected={ compare }
|
|
|
|
onSelect={ onSelect }
|
|
|
|
name="compare"
|
2018-07-10 12:48:06 +00:00
|
|
|
legend={ __( 'compare to', 'wc-admin' ) }
|
2018-05-28 10:55:19 +00:00
|
|
|
/>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
ComparePeriods.propTypes = {
|
|
|
|
onSelect: PropTypes.func.isRequired,
|
|
|
|
compare: PropTypes.string,
|
|
|
|
};
|
|
|
|
|
|
|
|
export { compareValues };
|
|
|
|
export default ComparePeriods;
|