accessibility amends for lpa reps

components/case/representation/representationElements.js

@@ -281,7 +281,7 @@ export const RenderCondtionalRadioList = ({
                     <legend className="govuk-fieldset__legend govuk-fieldset__legend--m">
                         <label
                             className="govuk-fieldset__heading govuk-body-m"
-                            id="representationCapacity_label"
+                            id={id + "_label"}
                         >
                             {legend}
                         </label>
@@ -385,14 +385,6 @@ export const RenderLPACondtionalRadioList = ({
                     className="govuk-fieldset"
                     aria-describedby={id + "-hint"}
                 >
-                    <legend className="govuk-fieldset__legend govuk-fieldset__legend--s govuk-!-font-weight-regular">
-                        <label
-                            className="govuk-fieldset__heading govuk-body-m"
-                            id={id + "_label"}
-                        >
-                            {label}
-                        </label>
-                    </legend>
                     {touched && error && (
                         <span
                             id={id + "-error"}
@@ -406,10 +398,7 @@ export const RenderLPACondtionalRadioList = ({
                     )}
 
                     <legend className="govuk-fieldset__legend govuk-fieldset__legend--m">
-                        <label
-                            className=" govuk-body-m"
-                            id="representationCapacity_label"
-                        >
+                        <label className=" govuk-body-m" id={id + "_label"}>
                             {legend}
                         </label>
                     </legend>
@@ -481,7 +470,9 @@ export const RenderPickList = ({
     optionsArr,
     meta: { touched, error },
     errorMsg,
+    ...custom
 }) => {
+    console.log(custom.disabled);
     return (
         <>
             <div
@@ -507,6 +498,7 @@ export const RenderPickList = ({
                         className="govuk-select "
                         id={datafieldname}
                         name={datafieldname}
+                        disabled={custom.disabled}
                     >
                         <option>Select...</option>
                         {Object.keys(optionsArr).map((key, index) => {
@@ -699,14 +691,14 @@ export const RenderMultiline = ({
     return (
         <>
             <div className="govuk-form-group ">
-                <label className="govuk-label" htmlFor={name}>
+                <label className="govuk-label" htmlFor={datafieldname}>
                     {label}
                 </label>
                 {"hint" in custom}
 
                 {"hint" in custom && (
                     <div
-                        id={name + "-hint"}
+                        id={datafieldname + "-hint"}
                         className="govuk-hint govuk-!-font-size-14"
                     >
                         {custom.hint}