updating form to show case ref

components/elements/index.js

@@ -44,21 +44,39 @@ const RenderTextfield = ({
 };
 
 export function Textfield(props) {
-    const { name, label, validate } = props;
+    const { name, label, validate, ticketnumber } = props;
     const required = (value) => (value ? undefined : "Required");
-
-    return (
-        <Field
-            name={props.name}
-            id={props.name}
-            component={RenderTextfield}
-            type="text"
-            className="govuk-input govuk-input--width-20"
-            //validate={[required]}
-            label={props.label}
-            errorMsg="Is required"
-        />
-    );
+    if (name == "pinswg_name") {
+        return (
+            <div className="govuk-form-group">
+                <label className="govuk-label " htmlFor={props.name}>
+                    {label}
+                </label>
+                <input
+                    type="text"
+                    name={name}
+                    id={props.name}
+                    component={RenderCaseID}
+                    value={ticketnumber}
+                    className="govuk-input  govuk-input--width-20"
+                    disabled
+                />
+            </div>
+        );
+    } else {
+        return (
+            <Field
+                name={props.name}
+                id={props.name}
+                component={RenderTextfield}
+                type="text"
+                className="govuk-input govuk-input--width-20"
+                //validate={[required]}
+                label={props.label}
+                errorMsg="Is required"
+            />
+        );
+    }
 }
 
 const RenderMultiline = ({
@@ -349,7 +367,7 @@ export function YesNofield(props) {
             id={props.name}
             className="govuk-radios__input"
             //validate={[required]}
-            errorMsg="Select and option"
+            errorMsg="Select an option"
             component={RenderYesNo}
         />
     );
@@ -414,7 +432,7 @@ export function NumericField(props) {
             </label>
             <Field
                 name={props.name}
-                id={props.name}
+                id={"int_" + props.name}
                 component="input"
                 type="text"
                 className="govuk-input  govuk-input--width-20"
@@ -437,10 +455,10 @@ export function DecimalField(props) {
             </label>
             <Field
                 name={props.name}
-                id={props.name}
+                id={"dec_" + props.name}
                 component="input"
                 type="text"
-                className="govuk-input  govuk-input--width-10"
+                className="govuk-input govuk-input--width-10"
                 spellCheck="false"
                 //aria-describedby="account-number-hint"
                 pattern="[0-9]*"