djkato/saleor-dashboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix plugin auth section crash (#1951)

Browse source 
* Fix plugin auth section crash

* Simplify code
This commit is contained in:
Dominik Żegleń 2022-03-25 15:24:28 +01:00 committed by GitHub
parent d273706ef8
commit 40d9575cad
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 35 additions and 44 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/plugins/components/PluginAuthorization/PluginAuthorization.tsx
View file

@ -3,7 +3,6 @@ import CardTitle from "@saleor/components/CardTitle";
import Hr from "@saleor/components/Hr";
import {
ConfigurationItemFragment,
ConfigurationItemInput,
ConfigurationTypeFieldEnum
} from "@saleor/graphql";
import { buttonMessages } from "@saleor/intl";
@ -13,7 +12,6 @@ import React from "react";
import { FormattedMessage, useIntl } from "react-intl";
interface PluginAuthorizationProps {
data: ConfigurationItemInput[];
fields: ConfigurationItemFragment[];
onClear: (field: string) => void;
onEdit: (field: string) => void;
@ -39,7 +37,7 @@ const useStyles = makeStyles(
);
const PluginAuthorization: React.FC<PluginAuthorizationProps> = props => {
const { data, fields, onClear, onEdit } = props;
const { fields, onClear, onEdit } = props;
const classes = useStyles(props);
const intl = useIntl();
@ -57,12 +55,7 @@ const PluginAuthorization: React.FC<PluginAuthorizationProps> = props => {
})}
/>
<CardContent>
{secretFields.map((field, fieldIndex) => {
const inputData = data.find(
dataField => dataField.name === field.name
);
return (
{secretFields.map((field, fieldIndex) => (
<React.Fragment key={field.name}>
<div className={classes.item} key={field.name}>
{field.type === ConfigurationTypeFieldEnum.SECRET ||
@ -70,7 +63,7 @@ const PluginAuthorization: React.FC<PluginAuthorizationProps> = props => {
<div>
<Typography variant="body1">{field.label}</Typography>
{field.value !== null && (
<Typography>**** {inputData.value}</Typography>
<Typography>**** {field.value}</Typography>
)}
</div>
) : (
@ -102,8 +95,7 @@ const PluginAuthorization: React.FC<PluginAuthorizationProps> = props => {
<Hr className={classes.hr} />
)}
</React.Fragment>
);
})}
))}
</CardContent>
</Card>
);

1
src/plugins/components/PluginsDetailsPage/PluginsDetailsPage.tsx
View file

@ -142,7 +142,6 @@ const PluginsDetailsPage: React.FC<PluginsDetailsPageProps> = ({
<>
<CardSpacer />
<PluginAuthorization
data={data.configuration}
fields={selectedConfig.configuration}
onClear={onClear}
onEdit={onEdit}