minor: improve rule card actions dropdown (#18717)

This commit is contained in:
Sachin Chaurasiya 2024-11-21 16:35:57 +05:30 committed by GitHub
parent 0169aad418
commit fca85cdfe7
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -18,7 +18,6 @@ import {
Card,
Col,
Dropdown,
Menu,
Modal,
Row,
Space,
@ -236,55 +235,47 @@ const PoliciesDetailPage = () => {
(rule: Rule) => {
return (
<Dropdown
overlay={
<Menu
items={[
{
label: (
<Button
className="p-0"
data-testid="edit-rule"
type="text"
onClick={(e) => {
e.stopPropagation();
history.push(
getEditPolicyRulePath(fqn, rule.name || '')
);
}}>
<Space align="center">
<EditIcon width="16px" />
{t('label.edit')}
</Space>
</Button>
),
key: 'edit-button',
},
{
label: (
<Button
className="p-0"
data-testid="delete-rule"
type="text"
onClick={(e) => {
e.stopPropagation();
handleRuleDelete(rule);
}}>
<Space align="center">
<Icon
className="align-middle"
component={IconDelete}
style={{ fontSize: '16px' }}
/>
menu={{
items: [
{
label: (
<Space align="center" data-testid="edit-rule">
<Icon
className="align-middle"
component={EditIcon}
style={{ fontSize: '14px' }}
/>
{t('label.delete')}
</Space>
</Button>
),
key: 'delete-button',
},
]}
/>
}
{t('label.edit')}
</Space>
),
key: 'edit-button',
},
{
label: (
<Space align="center" data-testid="delete-rule">
<Icon
className="align-middle"
component={IconDelete}
style={{ fontSize: '14px' }}
/>
{t('label.delete')}
</Space>
),
key: 'delete-button',
},
],
onClick: (menuInfo) => {
if (menuInfo.key === 'edit-button') {
history.push(getEditPolicyRulePath(fqn, rule.name || ''));
} else if (menuInfo.key === 'delete-button') {
handleRuleDelete(rule);
} else {
return;
}
},
}}
placement="bottomRight"
trigger={['click']}>
<Tooltip