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