diff --git a/packages/desktop-client/src/components/budget/misc.js b/packages/desktop-client/src/components/budget/misc.js index 3a9c87ef1cb..501f72ef5ab 100644 --- a/packages/desktop-client/src/components/budget/misc.js +++ b/packages/desktop-client/src/components/budget/misc.js @@ -15,6 +15,7 @@ import * as monthUtils from 'loot-core/src/shared/months'; import useResizeObserver from '../../hooks/useResizeObserver'; import ExpandArrow from '../../icons/v0/ExpandArrow'; +import SvgAdd from '../../icons/v1/Add'; import ArrowThinLeft from '../../icons/v1/ArrowThinLeft'; import ArrowThinRight from '../../icons/v1/ArrowThinRight'; import CheveronDown from '../../icons/v1/CheveronDown'; @@ -513,7 +514,7 @@ export function SidebarGroup({ }} /> )} -
{dragPreview && Group: } {group.name} -
+ {!dragPreview && ( <> @@ -548,8 +549,6 @@ export function SidebarGroup({ onMenuSelect={type => { if (type === 'rename') { onEdit(group.id); - } else if (type === 'add-category') { - onShowNewCategory(group.id); } else if (type === 'delete') { onDelete(group.id); } else if (type === 'toggleVisibility') { @@ -558,7 +557,6 @@ export function SidebarGroup({ setMenuOpen(false); }} items={[ - { name: 'add-category', text: 'Add category' }, { name: 'toggleVisibility', text: group.hidden ? 'Show' : 'Hide', @@ -574,6 +572,19 @@ export function SidebarGroup({ )} + {!dragPreview && ( + + + + )} ); diff --git a/upcoming-release-notes/1131.md b/upcoming-release-notes/1131.md new file mode 100644 index 00000000000..1ff175e1999 --- /dev/null +++ b/upcoming-release-notes/1131.md @@ -0,0 +1,6 @@ +--- +category: Enhancements +authors: [joel-jeremy] +--- + +Make the Add Category button more visible by putting it beside the group name.