diff --git a/frontend/src/AppBuilder/RightSideBar/Inspector/EventManager.jsx b/frontend/src/AppBuilder/RightSideBar/Inspector/EventManager.jsx index 6c8398724d..3cb63ca58b 100644 --- a/frontend/src/AppBuilder/RightSideBar/Inspector/EventManager.jsx +++ b/frontend/src/AppBuilder/RightSideBar/Inspector/EventManager.jsx @@ -32,6 +32,7 @@ import useStore from '@/AppBuilder/_stores/store'; import { useEventActions, useEvents } from '@/AppBuilder/_stores/slices/eventsSlice'; import ToggleGroup from '@/ToolJetUI/SwitchGroup/ToggleGroup'; import ToggleGroupItem from '@/ToolJetUI/SwitchGroup/ToggleGroupItem'; +import SolidIcon from '@/_ui/Icon/SolidIcons'; export const EventManager = ({ sourceId, @@ -102,7 +103,7 @@ export const EventManager = ({ }, [JSON.stringify(currentEvents)]); let actionOptions = ActionTypes.map((action) => { - return { name: action.name, value: action.id }; + return { label: action.name, value: action.id, icon: action.icon }; }); let checkIfClicksAreInsideOf = document.querySelector('.cm-completionListIncompleteBottom'); @@ -394,6 +395,13 @@ export const EventManager = ({ return defaultValue; }; + const renderActionOption = (option) => ( +
+ + {option.label} +
+ ); + function eventPopover(event, index) { return (