51 lines
1.2 KiB
JavaScript
51 lines
1.2 KiB
JavaScript
/**
|
|
* External dependencies
|
|
*/
|
|
import classnames from 'classnames';
|
|
import { Button, Card, CardHeader } from '@wordpress/components';
|
|
import { __ } from '@wordpress/i18n';
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
import '../tasks/task-list.scss';
|
|
import HeaderImage from './completed.svg';
|
|
|
|
export const TaskListCompleted = ( { twoColumns, hideTasks, keepTasks } ) => {
|
|
return (
|
|
<>
|
|
<div
|
|
className={ classnames(
|
|
'woocommerce-task-dashboard__container two-column-experiment',
|
|
{ 'two-columns': twoColumns !== false }
|
|
) }
|
|
>
|
|
<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;
|