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} > - @@ -54,7 +37,7 @@ const PluginActionToolbar = (props: PluginActionToolbarProps) => { size="sm" startIcon="settings-2-line" /> - +