Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-05-23 08:58:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 6

Merge pull request #10634 from CVamsi27/TJ-10470

Browse source 
Loading specific event handler on click
This commit is contained in:
Johnson Cherian 2024-10-25 13:41:49 +05:30 committed by GitHub
commit aeb9995e9e
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 15 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
frontend/src/Editor/Inspector/EventManager.jsx
View file

@ -54,7 +54,6 @@ export const EventManager = ({
appId,
events: allAppEvents,
eventsUpdatedLoader,
eventsCreatedLoader,
actionsUpdatedLoader,
eventToDeleteLoaderIndex,
setEventToDeleteLoaderIndex,
@ -62,7 +61,6 @@ export const EventManager = ({
appId: state.appId,
events: state.events,
eventsUpdatedLoader: state.eventsUpdatedLoader,
eventsCreatedLoader: state.eventsCreatedLoader,
actionsUpdatedLoader: state.actionsUpdatedLoader,
eventToDeleteLoaderIndex: state.eventToDeleteLoaderIndex,
setEventToDeleteLoaderIndex: state.actions.setEventToDeleteLoaderIndex,
@ -85,6 +83,7 @@ export const EventManager = ({
const [events, setEvents] = useState([]);
const [focusedEventIndex, setFocusedEventIndex] = useState(null);
const [isEventHandlerLoading, setIsEventHandlerLoading] = useState({});
const { t } = useTranslation();
@ -353,6 +352,7 @@ export const EventManager = ({
}
function addHandler() {
setIsEventHandlerLoading((prev) => ({ ...prev, [sourceId]: true }));
let newEvents = events;
const eventIndex = newEvents.length;
createAppVersionEventHandlers({
@ -366,9 +366,13 @@ export const EventManager = ({
eventType: eventSourceType,
attachedTo: sourceId,
index: eventIndex,
});
handleYmapEventUpdates();
})
.then(() => {
handleYmapEventUpdates();
})
.finally(() => {
setIsEventHandlerLoading((prev) => ({ ...prev, [sourceId]: false }));
});
}
//following two are functions responsible for on change and value for the control specific actions
@ -1044,7 +1048,12 @@ export const EventManager = ({
const renderAddHandlerBtn = () => {
return (
<AddNewButton onClick={addHandler} dataCy="add-event-handler" className="mt-0" isLoading={eventsCreatedLoader}>
<AddNewButton
onClick={addHandler}
dataCy="add-event-handler"
className="mt-0"
isLoading={isEventHandlerLoading[sourceId]}
>
{t('editor.inspector.eventManager.addHandler', 'New event handler')}
</AddNewButton>
);