fix: Add icons to popup menu items

This commit is contained in:
Maksim Eltyshev
2025-07-17 15:23:53 +02:00
parent adf60c0c74
commit e659ed4a2d
13 changed files with 81 additions and 21 deletions

View File

@@ -7,7 +7,7 @@ import React, { useCallback, useMemo } from 'react';
import PropTypes from 'prop-types';
import { useDispatch, useSelector } from 'react-redux';
import { useTranslation } from 'react-i18next';
import { Menu } from 'semantic-ui-react';
import { Icon, Menu } from 'semantic-ui-react';
import { Popup } from '../../../../lib/custom-ui';
import selectors from '../../../../selectors';
@@ -66,12 +66,14 @@ const ActionsStep = React.memo(({ taskId, onNameEdit, onClose }) => {
<Menu secondary vertical className={styles.menu}>
{!task.linkedCardId && (
<Menu.Item className={styles.menuItem} onClick={handleEditNameClick}>
<Icon name="align left" className={styles.menuItemIcon} />
{t('action.editDescription', {
context: 'title',
})}
</Menu.Item>
)}
<Menu.Item className={styles.menuItem} onClick={handleDeleteClick}>
<Icon name="trash alternate outline" className={styles.menuItemIcon} />
{t('action.deleteTask', {
context: 'title',
})}

View File

@@ -13,4 +13,9 @@
margin: 0;
padding-left: 14px;
}
.menuItemIcon {
float: left;
margin: 0 0.5em 0 0;
}
}