fix: disable edit on sms data card

This commit is contained in:
José Oliveira 2022-02-22 15:51:11 +00:00
parent 229c77eca2
commit 8aabd8c056
2 changed files with 55 additions and 17 deletions

View file

@ -179,7 +179,8 @@ const CustomerData = ({
}),
validationSchema: customerDataSchemas.idCardData,
initialValues: initialValues.idCardData,
isAvailable: !R.isNil(idData)
isAvailable: !R.isNil(idData),
editable: true
},
{
fields: smsDataElements,
@ -199,7 +200,8 @@ const CustomerData = ({
retrieveAdditionalData: () => setRetrieve(true),
initialValues: initialValues.smsData,
isAvailable: !R.isNil(phone),
hasAdditionalData: !R.isNil(smsData) && !R.isEmpty(smsData)
hasAdditionalData: !R.isNil(smsData) && !R.isEmpty(smsData),
editable: false
},
{
title: 'Name',
@ -207,7 +209,8 @@ const CustomerData = ({
authorize: () => {},
reject: () => {},
save: () => {},
isAvailable: false
isAvailable: false,
editable: true
},
{
title: 'Sanctions check',
@ -217,7 +220,8 @@ const CustomerData = ({
updateCustomer({ sanctionsOverride: OVERRIDE_AUTHORIZED }),
reject: () => updateCustomer({ sanctionsOverride: OVERRIDE_REJECTED }),
children: <Info3>{sanctionsDisplay}</Info3>,
isAvailable: !R.isNil(sanctions)
isAvailable: !R.isNil(sanctions),
editable: true
},
{
fields: customerDataElements.frontCamera,
@ -244,7 +248,8 @@ const CustomerData = ({
hasImage: true,
validationSchema: customerDataSchemas.frontCamera,
initialValues: initialValues.frontCamera,
isAvailable: !R.isNil(customer.frontCameraPath)
isAvailable: !R.isNil(customer.frontCameraPath),
editable: true
},
{
fields: customerDataElements.idCardPhoto,
@ -269,7 +274,8 @@ const CustomerData = ({
hasImage: true,
validationSchema: customerDataSchemas.idCardPhoto,
initialValues: initialValues.idCardPhoto,
isAvailable: !R.isNil(customer.idCardPhotoPath)
isAvailable: !R.isNil(customer.idCardPhotoPath),
editable: true
},
{
fields: customerDataElements.usSsn,
@ -282,7 +288,8 @@ const CustomerData = ({
deleteEditedData: () => deleteEditedData({ usSsn: null }),
validationSchema: customerDataSchemas.usSsn,
initialValues: initialValues.usSsn,
isAvailable: !R.isNil(customer.usSsn)
isAvailable: !R.isNil(customer.usSsn),
editable: true
}
]
@ -392,7 +399,8 @@ const CustomerData = ({
validationSchema,
initialValues,
hasImage,
hasAdditionalData
hasAdditionalData,
editable
},
idx
) => {
@ -412,7 +420,8 @@ const CustomerData = ({
initialValues={initialValues}
save={save}
deleteEditedData={deleteEditedData}
retrieveAdditionalData={retrieveAdditionalData}></EditableCard>
retrieveAdditionalData={retrieveAdditionalData}
editable={editable}></EditableCard>
)
}

View file

@ -145,7 +145,8 @@ const EditableCard = ({
initialValues,
deleteEditedData,
retrieveAdditionalData,
hasAdditionalData = true
hasAdditionalData = true,
editable
}) => {
const classes = useStyles()
@ -274,13 +275,41 @@ const EditableCard = ({
</ActionButton>
)}
</div>
<ActionButton
color="primary"
Icon={EditIcon}
InverseIcon={EditReversedIcon}
onClick={() => setEditing(true)}>
Edit
</ActionButton>
{editable && (
<ActionButton
color="primary"
Icon={EditIcon}
InverseIcon={EditReversedIcon}
onClick={() => setEditing(true)}>
Edit
</ActionButton>
)}
{!editable &&
authorize &&
authorized.label !== 'Accepted' && (
<div className={classes.button}>
<ActionButton
color="spring"
type="button"
Icon={AuthorizeIcon}
InverseIcon={AuthorizeIcon}
onClick={() => authorize()}>
Authorize
</ActionButton>
</div>
)}
{!editable &&
authorize &&
authorized.label !== 'Rejected' && (
<ActionButton
color="tomato"
type="button"
Icon={BlockIcon}
InverseIcon={BlockIcon}
onClick={() => reject()}>
Reject
</ActionButton>
)}
</div>
)}
{editing && (