73 lines
1.7 KiB
JavaScript
73 lines
1.7 KiB
JavaScript
/**
|
|
* External dependencies
|
|
*/
|
|
import { __ } from '@wordpress/i18n';
|
|
import { Component } from '@wordpress/element';
|
|
import PropTypes from 'prop-types';
|
|
|
|
/**
|
|
* WooCommerce dependencies
|
|
*/
|
|
import { EmptyContent } from '@woocommerce/components';
|
|
import { getAdminLink } from '@woocommerce/wc-admin-settings';
|
|
|
|
/**
|
|
* Component to render when there is an error in a report component due to data
|
|
* not being loaded or being invalid.
|
|
*/
|
|
class ReportError extends Component {
|
|
render() {
|
|
const { className, isError, isEmpty } = this.props;
|
|
let title, actionLabel, actionURL, actionCallback;
|
|
|
|
if ( isError ) {
|
|
title = __(
|
|
'There was an error getting your stats. Please try again.',
|
|
'woocommerce-admin'
|
|
);
|
|
actionLabel = __( 'Reload', 'woocommerce-admin' );
|
|
actionCallback = () => {
|
|
// @todo Add tracking for how often an error is displayed, and the reload action is clicked.
|
|
window.location.reload();
|
|
};
|
|
} else if ( isEmpty ) {
|
|
title = __(
|
|
'No results could be found for this date range.',
|
|
'woocommerce-admin'
|
|
);
|
|
actionLabel = __( 'View Orders', 'woocommerce-admin' );
|
|
actionURL = getAdminLink( 'edit.php?post_type=shop_order' );
|
|
}
|
|
return (
|
|
<EmptyContent
|
|
className={ className }
|
|
title={ title }
|
|
actionLabel={ actionLabel }
|
|
actionURL={ actionURL }
|
|
actionCallback={ actionCallback }
|
|
/>
|
|
);
|
|
}
|
|
}
|
|
|
|
ReportError.propTypes = {
|
|
/**
|
|
* Additional class name to style the component.
|
|
*/
|
|
className: PropTypes.string,
|
|
/**
|
|
* Boolean representing whether there was an error.
|
|
*/
|
|
isError: PropTypes.bool,
|
|
/**
|
|
* Boolean representing whether the issue is that there is no data.
|
|
*/
|
|
isEmpty: PropTypes.bool,
|
|
};
|
|
|
|
ReportError.defaultProps = {
|
|
className: '',
|
|
};
|
|
|
|
export default ReportError;
|