Fix plugin auth section crash (#1951)

* Fix plugin auth section crash

* Simplify code

src/plugins/components/PluginAuthorization/PluginAuthorization.tsx

@@ -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) => {
+        {secretFields.map((field, fieldIndex) => (
-          const inputData = data.find(
-            dataField => dataField.name === field.name
-          );
-
-          return (
           <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>
   );

src/plugins/components/PluginsDetailsPage/PluginsDetailsPage.tsx

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