woocommerce/plugins/woocommerce-admin/client/homescreen/index.tsx

54 lines
1.4 KiB
TypeScript

/**
* External dependencies
*/
import { compose } from '@wordpress/compose';
import { withSelect } from '@wordpress/data';
import { identity } from 'lodash';
import { getSetting } from '@woocommerce/wc-admin-settings';
import {
ONBOARDING_STORE_NAME,
withOnboardingHydration,
WCDataSelector,
} from '@woocommerce/data';
import { getHistory, getNewPath } from '@woocommerce/navigation';
import type { History } from 'history';
/**
* Internal dependencies
*/
import Layout from './layout';
type HomescreenProps = ReturnType< typeof withSelectHandler > & {
query: Record< string, string >;
};
const Homescreen = ( { profileItems, query }: HomescreenProps ) => {
const { completed: profilerCompleted, skipped: profilerSkipped } =
profileItems || {};
if ( ! profilerCompleted && ! profilerSkipped ) {
( getHistory() as History ).push(
getNewPath( {}, '/setup-wizard', {} )
);
}
return <Layout query={ query } />;
};
const onboardingData = getSetting( 'onboarding', {} );
const withSelectHandler = ( select: WCDataSelector ) => {
const { getProfileItems } = select( ONBOARDING_STORE_NAME );
const profileItems = getProfileItems();
return { profileItems };
};
export default compose(
onboardingData.profile || onboardingData.tasksStatus
? withOnboardingHydration( {
profileItems: onboardingData.profile,
tasksStatus: onboardingData.tasksStatus,
} )
: identity,
withSelect( withSelectHandler )
)( Homescreen );