31 lines
804 B
TypeScript
31 lines
804 B
TypeScript
|
/**
|
||
|
|
* External dependencies
|
||
|
|
*/
|
||
|
|
import { registerPlugin } from '@wordpress/plugins';
|
||
|
|
import { WooOnboardingTaskListItem } from '@woocommerce/onboarding';
|
||
|
|
|
||
|
|
const LaunchYourStoreTaskItem = () => {
|
||
|
|
return (
|
||
|
|
<WooOnboardingTaskListItem id="launch-your-store">
|
||
|
|
{ ( {
|
||
|
|
defaultTaskItem: DefaultTaskItem,
|
||
|
|
isComplete,
|
||
|
|
}: {
|
||
|
|
defaultTaskItem: ( props: {
|
||
|
|
isClickable: boolean;
|
||
|
|
} ) => JSX.Element;
|
||
|
|
onClick: () => void;
|
||
|
|
isComplete: boolean;
|
||
|
|
} ) => {
|
||
|
|
return <DefaultTaskItem isClickable={ ! isComplete } />;
|
||
|
|
} }
|
||
|
|
</WooOnboardingTaskListItem>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
registerPlugin( 'woocommerce-admin-task-launch-your-store', {
|
||
|
|
// @ts-expect-error scope is not defined in the type definition but it is a valid property
|
||
|
|
scope: 'woocommerce-tasks',
|
||
|
|
render: LaunchYourStoreTaskItem,
|
||
|
|
} );
|