2018-04-17 23:51:48 +00:00
|
|
|
/** @format */
|
|
|
|
/**
|
|
|
|
* External dependencies
|
|
|
|
*/
|
2018-05-10 18:35:55 +00:00
|
|
|
import { __ } from '@wordpress/i18n';
|
|
|
|
import { Component, Fragment } from '@wordpress/element';
|
2018-04-17 23:51:48 +00:00
|
|
|
|
|
|
|
/**
|
2018-05-03 18:23:17 +00:00
|
|
|
* Internal dependencies
|
2018-04-17 23:51:48 +00:00
|
|
|
*/
|
2018-08-02 23:10:55 +00:00
|
|
|
import './style.scss';
|
2018-09-21 15:19:05 +00:00
|
|
|
import Header from 'header';
|
2018-06-29 18:27:18 +00:00
|
|
|
import StorePerformance from './store-performance';
|
2018-08-08 23:52:21 +00:00
|
|
|
import TopSellingProducts from './top-selling-products';
|
2018-10-24 22:40:59 +00:00
|
|
|
import { ReportFilters } from '@woocommerce/components';
|
2018-04-17 23:51:48 +00:00
|
|
|
|
2018-05-18 17:31:08 +00:00
|
|
|
export default class Dashboard extends Component {
|
2018-04-17 23:51:48 +00:00
|
|
|
render() {
|
2018-10-24 22:40:59 +00:00
|
|
|
const { query, path } = this.props;
|
2018-04-17 23:51:48 +00:00
|
|
|
return (
|
2018-05-10 18:35:55 +00:00
|
|
|
<Fragment>
|
2018-07-10 12:48:06 +00:00
|
|
|
<Header sections={ [ __( 'Dashboard', 'wc-admin' ) ] } />
|
2018-10-24 22:40:59 +00:00
|
|
|
<ReportFilters query={ query } path={ path } />
|
2018-06-29 18:27:18 +00:00
|
|
|
<StorePerformance />
|
2018-08-02 23:10:55 +00:00
|
|
|
<div className="woocommerce-dashboard__columns">
|
2018-08-06 22:34:47 +00:00
|
|
|
<div>
|
2018-08-08 23:52:21 +00:00
|
|
|
<TopSellingProducts />
|
2018-08-02 23:10:55 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
2018-05-10 18:35:55 +00:00
|
|
|
</Fragment>
|
2018-04-17 23:51:48 +00:00
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|