diff --git a/src/plugins/components/PluginInfo/PluginInfo.tsx b/src/plugins/components/PluginInfo/PluginInfo.tsx index 702174b0a..8077b401a 100644 --- a/src/plugins/components/PluginInfo/PluginInfo.tsx +++ b/src/plugins/components/PluginInfo/PluginInfo.tsx @@ -10,9 +10,11 @@ import FormSpacer from "@saleor/components/FormSpacer"; import Hr from "@saleor/components/Hr"; import i18n from "../../../i18n"; import { FormData } from "../PluginsDetailsPage"; +import { Plugin_plugin } from "../../types/Plugin"; interface PluginInfoProps { data: FormData; + plugin: Plugin_plugin; onChange: (event: React.ChangeEvent) => void; } @@ -29,6 +31,7 @@ const styles = createStyles({ const PluginInfo = withStyles(styles, { name: "PluginInfo" })( ({ data, + plugin, classes, onChange }: PluginInfoProps & WithStyles) => { @@ -43,13 +46,13 @@ const PluginInfo = withStyles(styles, { name: "PluginInfo" })( {i18n.t("Plugin Name")} - {data.name} - {data.description && ( + {plugin.name} + {plugin.description && ( <> {i18n.t("Plugin Description")} - {data.description} + {plugin.description} )} diff --git a/src/plugins/components/PluginsDetailsPage/PluginsDetailsPage.tsx b/src/plugins/components/PluginsDetailsPage/PluginsDetailsPage.tsx index 43ea9101b..003cdb791 100644 --- a/src/plugins/components/PluginsDetailsPage/PluginsDetailsPage.tsx +++ b/src/plugins/components/PluginsDetailsPage/PluginsDetailsPage.tsx @@ -11,21 +11,13 @@ import { UserError } from "@saleor/types"; import React from "react"; import i18n from "../../../i18n"; -import { Plugin_plugin } from "../../types/Plugin"; +import { Plugin_plugin, Plugin_plugin_configuration } from "../../types/Plugin"; import PluginInfo from "../PluginInfo"; import PluginSettings from "../PluginSettings"; export interface FormData { - name?: string; - description?: string; active: boolean; - configuration: Array<{ - name: string; - value: string; - type: string; - helpText: string; - label: string; - }>; + configuration: Plugin_plugin_configuration; } export interface PluginsDetailsPageProps { @@ -47,9 +39,7 @@ const PluginsDetailsPage: React.StatelessComponent = ({ }) => { const initialForm: FormData = { active: maybe(() => plugin.active, false), - configuration: maybe(() => plugin.configuration, []), - description: maybe(() => plugin.description, ""), - name: maybe(() => plugin.name, "") + configuration: maybe(() => plugin.configuration, []) }; return ( @@ -91,7 +81,11 @@ const PluginsDetailsPage: React.StatelessComponent = ({ )} - + plugin, "")} + onChange={onChange} + /> {data.configuration && ( <>
diff --git a/src/plugins/views/PluginsDetails.tsx b/src/plugins/views/PluginsDetails.tsx index f5ae113a5..1cdaaa2c2 100644 --- a/src/plugins/views/PluginsDetails.tsx +++ b/src/plugins/views/PluginsDetails.tsx @@ -62,15 +62,14 @@ export const PluginsDetails: React.StatelessComponent = ({ plugin={maybe(() => PluginDetails.data.plugin)} onBack={() => navigate(pluginsListUrl())} onSubmit={formData => { - let configurationInput = []; - if (formData.configuration) { - configurationInput = formData.configuration.map(item => { - configurationInput.push({ + const configurationInput = formData.configuration.map( + item => { + return { name: item.name, value: item.value.toString() - }); - }); - } + }; + } + ); pluginUpdate({ variables: { id,