66 lines
1.7 KiB
TypeScript
66 lines
1.7 KiB
TypeScript
/**
|
|
* External dependencies
|
|
*/
|
|
import { registerPlugin } from '@wordpress/plugins';
|
|
import { WooOnboardingTask } from '@woocommerce/onboarding';
|
|
import { useSelect } from '@wordpress/data';
|
|
import { ONBOARDING_STORE_NAME, TaskType } from '@woocommerce/data';
|
|
import { useEffect, useState } from '@wordpress/element';
|
|
|
|
type DeprecatedTask = TaskType & {
|
|
container?: React.ReactNode;
|
|
isDeprecated?: boolean;
|
|
};
|
|
|
|
const DeprecatedWooOnboardingTaskFills = () => {
|
|
const [ deprecatedTasks, setDeprecatedTasks ] = useState<
|
|
DeprecatedTask[]
|
|
>( [] );
|
|
const { isResolving, taskLists } = useSelect( ( select ) => {
|
|
return {
|
|
isResolving: select( ONBOARDING_STORE_NAME ).isResolving(
|
|
'getTaskLists'
|
|
),
|
|
taskLists: select( ONBOARDING_STORE_NAME ).getTaskLists(),
|
|
};
|
|
} );
|
|
|
|
useEffect( () => {
|
|
if ( taskLists && taskLists.length > 0 ) {
|
|
const deprecatedTasksWithContainer = [];
|
|
for ( const tasklist of taskLists ) {
|
|
for ( const task of tasklist.tasks ) {
|
|
if (
|
|
( task as DeprecatedTask ).isDeprecated &&
|
|
( task as DeprecatedTask ).container
|
|
) {
|
|
deprecatedTasksWithContainer.push( task );
|
|
}
|
|
}
|
|
}
|
|
setDeprecatedTasks(
|
|
deprecatedTasksWithContainer as DeprecatedTask[]
|
|
);
|
|
}
|
|
}, [ taskLists ] );
|
|
|
|
if ( isResolving ) {
|
|
return null;
|
|
}
|
|
return (
|
|
<>
|
|
{ deprecatedTasks.map( ( task ) => (
|
|
<WooOnboardingTask id={ task.id } key={ task.id }>
|
|
{ () => task.container }
|
|
</WooOnboardingTask>
|
|
) ) }
|
|
</>
|
|
);
|
|
};
|
|
|
|
registerPlugin( 'wc-admin-deprecated-task-container', {
|
|
// @ts-expect-error @types/wordpress__plugins need to be updated
|
|
scope: 'woocommerce-tasks',
|
|
render: () => <DeprecatedWooOnboardingTaskFills />,
|
|
} );
|