updated validation to trigger correctly

components/case/representation/representationElements.js

@@ -410,7 +410,7 @@ export const RenderLPACondtionalRadioList = ({
                                         type="radio"
                                         className="govuk-radios__input"
                                         value={options[key]}
-                                        validate={[eval(required)]}
+                                        // validate={[required]}
                                     />
                                     <label
                                         className="govuk-label govuk-radios__label"

components/case/representation/representationQuestionnaires/representationLPAQuestionnaire_enforcement.js

@@ -164,6 +164,9 @@ let Enforcement_Questionnaire = (props) => {
                             rows="5"
                             className="govuk-textarea govuk-input--width-30"
                             aria-describedby={props.name + "-hint"}
+                            errorMsg={t(
+                                "myrepresentations:select-an-option-label"
+                            )}
                         />
 
                         <div className="govuk-form-group">
@@ -1262,7 +1265,7 @@ const mapStateToProps = (state, props) => {
 export default connect(mapStateToProps)(
     reduxForm({
         form: "representationForm",
-        enableReinitialize: true,
+        enableReinitialize: false,
         destroyOnUnmount: false,
     })(Enforcement_Questionnaire)
 );

components/case/representation/representationQuestionnaires/representationLPAQuestionnaire_s78.js

@@ -395,6 +395,7 @@ let S78_Questionnaire = (props) => {
                         className="govuk-textarea govuk-input--width-30"
                         aria-describedby={props.name + "-hint"}
                         validate={[required]}
+                        errorMsg={t("myrepresentations:select-an-option-label")}
                     />
                 </fieldset>
             )}
@@ -423,6 +424,7 @@ let S78_Questionnaire = (props) => {
                         className="govuk-textarea govuk-input--width-30"
                         aria-describedby={props.name + "-hint"}
                         validate={[required]}
+                        errorMsg={t("myrepresentations:select-an-option-label")}
                     />
 
                     <div className="govuk-form-group">
@@ -660,6 +662,7 @@ let S78_Questionnaire = (props) => {
                         className="govuk-textarea govuk-input--width-30"
                         aria-describedby={props.name + "-hint"}
                         validate={[required]}
+                        errorMsg={t("myrepresentations:select-an-option-label")}
                     />
 
                     <div className="govuk-form-group">
@@ -702,6 +705,7 @@ let S78_Questionnaire = (props) => {
                         className="govuk-textarea govuk-input--width-30"
                         aria-describedby={props.name + "-hint"}
                         validate={[required]}
+                        errorMsg={t("myrepresentations:select-an-option-label")}
                     />
                     <Field
                         label={t("myrepresentations:s78-section-question-24d")}
@@ -717,6 +721,7 @@ let S78_Questionnaire = (props) => {
                         className="govuk-textarea govuk-input--width-30"
                         aria-describedby={props.name + "-hint"}
                         validate={[required]}
+                        errorMsg={t("myrepresentations:select-an-option-label")}
                     />
 
                     <div className="govuk-form-group">
@@ -1075,7 +1080,7 @@ const mapStateToProps = (state, props) => {
 export default connect(mapStateToProps)(
     reduxForm({
         form: "representationForm",
-        enableReinitialize: true,
+        enableReinitialize: false,
         destroyOnUnmount: false,
     })(S78_Questionnaire)
 );