reps wip

components/case/representation/representationAgent.js

@@ -7,6 +7,7 @@ import {
     RenderTextfield,
     RenderRadioList,
     RenderMultiline,
+    RenderCondtionalRadioList,
 } from "./representationElements";
 import {
     setRepresentationCapacity,
@@ -32,12 +33,15 @@ const RepAgent = (props) => {
             {file.path} - {file.size} bytes
         </li>
     ));
+    const required = (value) => (value ? undefined : "Required");
 
     return (
         <div id="rep-appellant">
             <div className="govuk-grid-column-full">
                 <div className="govuk-grid-row">
-                    <h2 className="govuk-heading-m ">Representation - agent</h2>
+                    <h2 className="govuk-heading-m ">
+                        Representation from an Agent
+                    </h2>
 
                     <div className="govuk-form-group">
                         <label
@@ -54,7 +58,7 @@ const RepAgent = (props) => {
                         />
                     </div>
                 </div>
-                <div className="govuk-grid-row">
+                {/* <div className="govuk-grid-row">
                     <div className="govuk-form-group">
                         <Field
                             className="govuk-input govuk-!-width-three-quarters"
@@ -67,6 +71,24 @@ const RepAgent = (props) => {
                             label="Description of representation"
                         />
                     </div>
+                </div> */}
+                <div className="govuk-grid-row">
+                    <div className="govuk-form-group">
+                        <Field
+                            name="representationOnBehalfOf"
+                            datafieldname="representationOnBehalfOf"
+                            // label="In what capacity do you wish to make representations on this case?"
+                            options={["Yes", "No"]}
+                            id="representationOnBehalfOf"
+                            className="govuk-radios__input"
+                            errorMsg={t("newappeal:select-an-option-label")}
+                            component={RenderCondtionalRadioList}
+                            validate={[required]}
+                            legend={
+                                "Are you acting on behalf of a company, group or organisation?"
+                            }
+                        />
+                    </div>
                 </div>
                 <div className="govuk-grid-row">
                     <div className="govuk-form-group">