| @@ -5,8 +5,8 @@ import { ErrorMessage } from "./FormikErrorMessage.styled"; | |||
| const FormikErrorMessage = (props) => { | |||
| 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> | |||
| ) : props.formik.errors.firmPIB && props.formik.touched.firmPIB ? ( | |||
| <ErrorMessage>{props.formik.errors.firmPIB}</ErrorMessage> | |||
| @@ -15,19 +15,16 @@ const FormikErrorMessage = (props) => { | |||
| props.formik.touched.firmLocation && ( | |||
| <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> | |||
| ) : ( | |||
| props.formik.errors.firmPhone && | |||
| props.formik.touched.firmPhone && ( | |||
| <ErrorMessage>{props.formik.errors.firmPhone}</ErrorMessage> | |||
| ) | |||
| ) | |||
| ) : ( | |||
| <></> | |||
| )} | |||
| ))} | |||
| </> | |||
| ); | |||
| }; | |||