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:
+3
-17
@@ -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}
|
||||
/>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user