| const FormikErrorMessage = (props) => { | const FormikErrorMessage = (props) => { | ||||
| return ( | return ( | ||||
| <> | <> | ||||
| {props.showBasic ? ( | |||||
| props.formik.errors.firmName && props.formik.touched.firmName ? ( | |||||
| {props.showBasic && | |||||
| (props.formik.errors.firmName && props.formik.touched.firmName ? ( | |||||
| <ErrorMessage>{props.formik.errors.firmName}</ErrorMessage> | <ErrorMessage>{props.formik.errors.firmName}</ErrorMessage> | ||||
| ) : props.formik.errors.firmPIB && props.formik.touched.firmPIB ? ( | ) : props.formik.errors.firmPIB && props.formik.touched.firmPIB ? ( | ||||
| <ErrorMessage>{props.formik.errors.firmPIB}</ErrorMessage> | <ErrorMessage>{props.formik.errors.firmPIB}</ErrorMessage> | ||||
| props.formik.touched.firmLocation && ( | props.formik.touched.firmLocation && ( | ||||
| <ErrorMessage>{props.formik.errors.firmLocation}</ErrorMessage> | <ErrorMessage>{props.formik.errors.firmLocation}</ErrorMessage> | ||||
| ) | ) | ||||
| ) | |||||
| ) : props.showDetails ? ( | |||||
| props.formik.errors.firmWebsite && props.formik.touched.firmWebsite ? ( | |||||
| ))} | |||||
| {props.showDetails && | |||||
| (props.formik.errors.firmWebsite && props.formik.touched.firmWebsite ? ( | |||||
| <ErrorMessage>{props.formik.errors.firmWebsite}</ErrorMessage> | <ErrorMessage>{props.formik.errors.firmWebsite}</ErrorMessage> | ||||
| ) : ( | ) : ( | ||||
| props.formik.errors.firmPhone && | props.formik.errors.firmPhone && | ||||
| props.formik.touched.firmPhone && ( | props.formik.touched.firmPhone && ( | ||||
| <ErrorMessage>{props.formik.errors.firmPhone}</ErrorMessage> | <ErrorMessage>{props.formik.errors.firmPhone}</ErrorMessage> | ||||
| ) | ) | ||||
| ) | |||||
| ) : ( | |||||
| <></> | |||||
| )} | |||||
| ))} | |||||
| </> | </> | ||||
| ); | ); | ||||
| }; | }; |