diff --git a/app/client/src/PluginActionEditor/PluginActionEditor.tsx b/app/client/src/PluginActionEditor/PluginActionEditor.tsx index 40470b7bd8..5ffa8a4d77 100644 --- a/app/client/src/PluginActionEditor/PluginActionEditor.tsx +++ b/app/client/src/PluginActionEditor/PluginActionEditor.tsx @@ -7,7 +7,6 @@ import { getDatasource, getEditorConfig, getPlugin, - getPluginSettingConfigs, } from "ee/selectors/entitiesSelector"; import { PluginActionContextProvider } from "./PluginActionContext"; import { get } from "lodash"; @@ -16,6 +15,7 @@ import Spinner from "components/editorComponents/Spinner"; import CenteredWrapper from "components/designSystems/appsmith/CenteredWrapper"; import { Text } from "@appsmith/ads"; import { useIsEditorInitialised } from "IDE/hooks"; +import { useActionSettingsConfig } from "./hooks"; interface ChildrenProps { children: React.ReactNode | React.ReactNode[]; @@ -35,9 +35,7 @@ const PluginActionEditor = (props: ChildrenProps) => { const datasourceId = get(action, "datasource.id", ""); const datasource = useSelector((state) => getDatasource(state, datasourceId)); - const settingsConfig = useSelector((state) => - getPluginSettingConfigs(state, pluginId), - ); + const settingsConfig = useActionSettingsConfig(action); const editorConfig = useSelector((state) => getEditorConfig(state, pluginId)); diff --git a/app/client/src/PluginActionEditor/hooks/index.ts b/app/client/src/PluginActionEditor/hooks/index.ts new file mode 100644 index 0000000000..5af0c9060d --- /dev/null +++ b/app/client/src/PluginActionEditor/hooks/index.ts @@ -0,0 +1 @@ +export { useActionSettingsConfig } from "ee/PluginActionEditor/hooks/useActionSettingsConfig"; diff --git a/app/client/src/ce/PluginActionEditor/hooks/useActionSettingsConfig.ts b/app/client/src/ce/PluginActionEditor/hooks/useActionSettingsConfig.ts new file mode 100644 index 0000000000..22ade9d6c3 --- /dev/null +++ b/app/client/src/ce/PluginActionEditor/hooks/useActionSettingsConfig.ts @@ -0,0 +1,11 @@ +import { useSelector } from "react-redux"; +import { getPluginSettingConfigs } from "ee/selectors/entitiesSelector"; +import type { Action } from "entities/Action"; + +function useActionSettingsConfig(action?: Action) { + return useSelector((state) => + getPluginSettingConfigs(state, action?.pluginId || ""), + ); +} + +export { useActionSettingsConfig }; diff --git a/app/client/src/ee/PluginActionEditor/hooks/useActionSettingsConfig.ts b/app/client/src/ee/PluginActionEditor/hooks/useActionSettingsConfig.ts new file mode 100644 index 0000000000..23112ff41e --- /dev/null +++ b/app/client/src/ee/PluginActionEditor/hooks/useActionSettingsConfig.ts @@ -0,0 +1 @@ +export * from "ce/PluginActionEditor/hooks/useActionSettingsConfig";