woocommerce/plugins/woocommerce-admin/client/dashboard/index.js

67 lines
2.0 KiB
JavaScript
Raw Normal View History

/** @format */
/**
* External dependencies
*/
import { Component, Fragment } from '@wordpress/element';
import { compose } from '@wordpress/compose';
/**
* Internal dependencies
*/
2018-08-02 23:10:55 +00:00
import './style.scss';
import CustomizableDashboard from './customizable';
import DashboardCharts from './dashboard-charts';
import Leaderboards from './leaderboards';
2018-10-24 22:40:59 +00:00
import { ReportFilters } from '@woocommerce/components';
import StorePerformance from './store-performance';
import TaskList from './task-list';
import ProfileWizard from './profile-wizard';
import withSelect from 'wc-api/with-select';
class Dashboard extends Component {
render() {
const { path, profileItems, query } = this.props;
if ( window.wcAdminFeatures.onboarding && ! profileItems.skipped && ! profileItems.completed ) {
return <ProfileWizard query={ query } />;
}
// @todo This should be replaced by a check of tasks from the REST API response from #1897.
if (
window.wcAdminFeatures.onboarding &&
wcSettings.onboarding &&
! wcSettings.onboarding.taskListHidden
) {
return <TaskList query={ query } />;
}
// @todo When the customizable dashboard is ready to be launched, we can pull `CustomizableDashboard`'s render
// method into `index.js`, and replace both this feature check, and the existing dashboard below.
if ( window.wcAdminFeatures[ 'analytics-dashboard/customizable' ] ) {
return <CustomizableDashboard query={ query } path={ path } />;
}
return (
<Fragment>
<ReportFilters query={ query } path={ path } />
<StorePerformance query={ query } hiddenBlocks={ [] } />
<DashboardCharts query={ query } path={ path } hiddenBlocks={ [] } />
<Leaderboards query={ query } hiddenBlocks={ [] } />
</Fragment>
);
}
}
export default compose(
withSelect( select => {
if ( ! window.wcAdminFeatures.onboarding ) {
return;
}
const { getProfileItems } = select( 'wc-api' );
const profileItems = getProfileItems();
return { profileItems };
} )
)( Dashboard );