Make complete tasks in product discovery non clickable

[MAILPOET-4827]
This commit is contained in:
Rostislav Wolny
2023-01-12 15:52:00 +01:00
committed by Aschepikov
parent 03d7306611
commit c5b181949b
2 changed files with 17 additions and 4 deletions

View File

@@ -34,6 +34,14 @@
}
}
.mailpoet-product-discovery__task--completed {
cursor: inherit;
&:hover {
box-shadow: none;
}
}
.mailpoet-product-discovery__task-content {
h3 {
color: var(--wp-admin-theme-color);

View File

@@ -1,6 +1,7 @@
import { Icon } from '@wordpress/components';
import { check } from '@wordpress/icons';
import { MailPoet } from 'mailpoet';
import classnames from 'classnames';
type Props = {
title: string;
@@ -33,11 +34,15 @@ export function DiscoveryTask({
};
return (
<li
className="mailpoet-product-discovery__task"
className={classnames('mailpoet-product-discovery__task', {
'mailpoet-product-discovery__task--completed': isDone,
})}
role="row"
onClick={handleTaskClick}
tabIndex={0}
onKeyDown={(e) => e.key === 'Enter' && handleTaskClick()}
onClick={isDone ? undefined : handleTaskClick}
tabIndex={isDone ? undefined : 0}
onKeyDown={
isDone ? undefined : (e) => e.key === 'Enter' && handleTaskClick()
}
>
<img src={imgSrc} alt={title} width={124} height={72} />
<div className="mailpoet-product-discovery__task-content">