diff --git a/src/components/forms/CreateLabelsForm.js b/src/components/forms/CreateLabelsForm.js index 97b8936e..21511746 100644 --- a/src/components/forms/CreateLabelsForm.js +++ b/src/components/forms/CreateLabelsForm.js @@ -26,6 +26,8 @@ import { StyledLabelContainer, SelectVariantEnum, DateVariantEnum, + SpanTwoColumnsContainer, + HrSpanTwoColumnsContainer, } from '..'; import { labelSchema } from '../../store/validations'; @@ -122,8 +124,7 @@ const CreateLabelsForm = ({ value, onChange }) => { id: isUserOnUnitsPage ? 'select-existing-label' : 'select-existing-label-description', - })} - > + })}> @@ -157,6 +158,7 @@ const CreateLabelsForm = ({ value, onChange }) => { )} +
@@ -238,15 +240,56 @@ const CreateLabelsForm = ({ value, onChange }) => { )} + + + + + + * + + + + + + + { + onChange({ ...value, labelLink: event }); + }} + /> + {errorLabelMessage?.labelLink && ( + + {errorLabelMessage.labelLink} + + )} + + + +
+
- * + * @@ -255,20 +298,20 @@ const CreateLabelsForm = ({ value, onChange }) => { - onChange({ ...value, creditingPeriodStartDate: event }) + onChange({ ...value, validityPeriodStartDate: event }) } disabled={areFieldsDisabled ? true : undefined} /> - {errorLabelMessage?.creditingPeriodStartDate && ( + {errorLabelMessage?.validityPeriodStartDate && ( - {errorLabelMessage.creditingPeriodStartDate} + {errorLabelMessage.validityPeriodStartDate} )} @@ -276,11 +319,11 @@ const CreateLabelsForm = ({ value, onChange }) => { - * + * @@ -289,34 +332,32 @@ const CreateLabelsForm = ({ value, onChange }) => { - onChange({ ...value, creditingPeriodEndDate: event }) + onChange({ ...value, validityPeriodEndDate: event }) } disabled={areFieldsDisabled ? true : undefined} /> - {errorLabelMessage?.creditingPeriodEndDate && ( + {errorLabelMessage?.validityPeriodEndDate && ( - {errorLabelMessage.creditingPeriodEndDate} + {errorLabelMessage.validityPeriodEndDate} )} - -
- * + * @@ -325,20 +366,20 @@ const CreateLabelsForm = ({ value, onChange }) => { - onChange({ ...value, validityPeriodStartDate: event }) + onChange({ ...value, creditingPeriodStartDate: event }) } disabled={areFieldsDisabled ? true : undefined} /> - {errorLabelMessage?.validityPeriodStartDate && ( + {errorLabelMessage?.creditingPeriodStartDate && ( - {errorLabelMessage.validityPeriodStartDate} + {errorLabelMessage.creditingPeriodStartDate} )} @@ -346,11 +387,11 @@ const CreateLabelsForm = ({ value, onChange }) => { - * + * @@ -359,23 +400,26 @@ const CreateLabelsForm = ({ value, onChange }) => { - onChange({ ...value, validityPeriodEndDate: event }) + onChange({ ...value, creditingPeriodEndDate: event }) } disabled={areFieldsDisabled ? true : undefined} /> - {errorLabelMessage?.validityPeriodEndDate && ( + {errorLabelMessage?.creditingPeriodEndDate && ( - {errorLabelMessage.validityPeriodEndDate} + {errorLabelMessage.creditingPeriodEndDate} )} + +
+
@@ -417,45 +461,7 @@ const CreateLabelsForm = ({ value, onChange }) => { )} - - - - - * - - - - - - - - { - onChange({ ...value, labelLink: event }); - }} - /> - - {errorLabelMessage?.labelLink && ( - - {errorLabelMessage.labelLink} - - )} - -
+