diff --git a/app/client/src/PluginActionEditor/components/PluginActionForm/components/APIEditorForm.tsx b/app/client/src/PluginActionEditor/components/PluginActionForm/components/APIEditorForm.tsx
index d8cbdd88eb2f..9c046e9119ce 100644
--- a/app/client/src/PluginActionEditor/components/PluginActionForm/components/APIEditorForm.tsx
+++ b/app/client/src/PluginActionEditor/components/PluginActionForm/components/APIEditorForm.tsx
@@ -9,13 +9,14 @@ import { useFeatureFlag } from "utils/hooks/useFeatureFlag";
import { FEATURE_FLAG } from "ee/entities/FeatureFlag";
import { getHasManageActionPermission } from "ee/utils/BusinessFeatures/permissionPageHelpers";
import Pagination from "pages/Editor/APIEditor/Pagination";
-import { noop } from "lodash";
import { reduxForm } from "redux-form";
+import { useHandleRunClick } from "PluginActionEditor/hooks";
const FORM_NAME = API_EDITOR_FORM_NAME;
const APIEditorForm = () => {
const { action } = usePluginActionContext();
+ const { handleRunClick } = useHandleRunClick();
const theme = EditorTheme.LIGHT;
const isFeatureEnabled = useFeatureFlag(FEATURE_FLAG.license_gac_enabled);
@@ -39,7 +40,7 @@ const APIEditorForm = () => {
paginationUiComponent={
diff --git a/app/client/src/PluginActionEditor/components/PluginActionForm/components/GraphQLEditor/GraphQLEditorForm.tsx b/app/client/src/PluginActionEditor/components/PluginActionForm/components/GraphQLEditor/GraphQLEditorForm.tsx
index 717781b5a382..96a9782c98af 100644
--- a/app/client/src/PluginActionEditor/components/PluginActionForm/components/GraphQLEditor/GraphQLEditorForm.tsx
+++ b/app/client/src/PluginActionEditor/components/PluginActionForm/components/GraphQLEditor/GraphQLEditorForm.tsx
@@ -9,7 +9,6 @@ import { usePluginActionContext } from "PluginActionEditor";
import { useFeatureFlag } from "utils/hooks/useFeatureFlag";
import { FEATURE_FLAG } from "ee/entities/FeatureFlag";
import { getHasManageActionPermission } from "ee/utils/BusinessFeatures/permissionPageHelpers";
-import { noop } from "lodash";
import { EditorTheme } from "components/editorComponents/CodeEditor/EditorConfig";
import useGetFormActionValues from "../CommonEditorForm/hooks/useGetFormActionValues";
@@ -38,7 +37,6 @@ function GraphQLEditorForm() {
{
- const { action, datasource, plugin } = usePluginActionContext();
- const dispatch = useDispatch();
- const handleRunClick = useCallback(() => {
- AnalyticsUtil.logEvent("RUN_QUERY_CLICK", {
- actionName: action.name,
- actionId: action.id,
- pluginName: plugin.name,
- datasourceId: datasource?.id,
- isMock: datasource?.isMock,
- });
- dispatch(runAction(action.id));
- }, [
- action.id,
- action.name,
- datasource?.id,
- datasource?.isMock,
- dispatch,
- plugin.name,
- ]);
+ const { action } = usePluginActionContext();
+ const { handleRunClick } = useHandleRunClick();
+ const [isMenuOpen, toggleMenuOpen] = useToggle([false, true]);
return (
@@ -44,7 +27,7 @@ const PluginActionToolbar = (props: PluginActionToolbarProps) => {
placement="topRight"
showArrow={false}
>
-