2439 improve command menu item display in right panel (#21020)

## Before

<img width="1512" height="389" alt="image"
src="https://github.com/user-attachments/assets/33274356-fb99-4a02-baa7-c324e6d151c6"
/>


## After

<img width="1512" height="357" alt="image"
src="https://github.com/user-attachments/assets/c0affb71-e920-4d64-b2f0-1bed53209ea5"
/>
This commit is contained in:
martmull
2026-05-29 13:37:27 +02:00
committed by GitHub
parent 10c0bed462
commit 4e5d47168c
9 changed files with 102 additions and 24 deletions
@@ -1,7 +1,5 @@
import { AppChip } from '@/applications/components/AppChip';
import { useApplicationChipData } from '@/applications/hooks/useApplicationChipData';
import { AppMenuItem } from '@/applications/components/AppMenuItem';
import { type LogicFunction } from '@/logic-functions/types/LogicFunction';
import { MenuItem } from 'twenty-ui/navigation';
type ToolMenuItemProps = {
logicFunction: LogicFunction;
@@ -9,24 +7,12 @@ type ToolMenuItemProps = {
};
export const ToolMenuItem = ({ logicFunction, onClick }: ToolMenuItemProps) => {
const { applicationChipData } = useApplicationChipData({
applicationId: logicFunction.applicationId,
});
return (
<MenuItem
withIconContainer={true}
LeftIcon={() => (
<AppChip
applicationId={logicFunction.applicationId}
size={'md'}
chipOnly
/>
)}
<AppMenuItem
applicationId={logicFunction.applicationId}
text={
logicFunction.workflowActionTriggerSettings?.label ?? logicFunction.name
}
contextualText={applicationChipData.name}
onClick={onClick}
/>
);