55 lines
1.2 KiB
TypeScript
55 lines
1.2 KiB
TypeScript
/**
|
|
* External dependencies
|
|
*/
|
|
import clsx from 'clsx';
|
|
import { Button, Card, CardHeader } from '@wordpress/components';
|
|
import { __ } from '@wordpress/i18n';
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
import HeaderImage from '../assets/task-list-completed.svg';
|
|
|
|
export const TaskListCompleted = ( {
|
|
hideTasks,
|
|
keepTasks,
|
|
}: {
|
|
hideTasks: () => void;
|
|
keepTasks: () => void;
|
|
} ) => {
|
|
return (
|
|
<>
|
|
<div
|
|
className={ clsx(
|
|
'woocommerce-task-dashboard__container setup-task-list'
|
|
) }
|
|
>
|
|
<Card
|
|
size="large"
|
|
className="woocommerce-task-card woocommerce-homescreen-card completed"
|
|
>
|
|
<CardHeader size="medium">
|
|
<div className="wooocommerce-task-card__header">
|
|
<img src={ HeaderImage } alt="Completed" />
|
|
<h2>
|
|
{ __(
|
|
"You've completed store setup",
|
|
'woocommerce'
|
|
) }
|
|
</h2>
|
|
<Button isSecondary onClick={ keepTasks }>
|
|
{ __( 'Keep list', 'woocommerce' ) }
|
|
</Button>
|
|
<Button isPrimary onClick={ hideTasks }>
|
|
{ __( 'Hide this list', 'woocommerce' ) }
|
|
</Button>
|
|
</div>
|
|
</CardHeader>
|
|
</Card>
|
|
</div>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default TaskListCompleted;
|