rep pdf questionnaire variants

components/case/representation/representationElements.js

@@ -578,34 +578,36 @@ export const RenderMultiline = ({
 
     return (
         <>
-            <label className="govuk-label" htmlFor={name}>
-                {label}
-            </label>
-            {"hint" in custom}
+            <div className="govuk-form-group ">
+                <label className="govuk-label" htmlFor={name}>
+                    {label}
+                </label>
+                {"hint" in custom}
 
-            {"hint" in custom && (
-                <div
-                    id={name + "-hint"}
-                    className="govuk-hint govuk-!-font-size-14"
-                >
-                    {custom.hint}
-                </div>
-            )}
-            <ReactQuill
-                modules={modules}
-                theme="snow"
-                value={editValue}
-                onChange={changeEdit}
-            />
-            <textarea
-                {...input}
-                id={id}
-                name={name}
-                rows={rows}
-                className={className}
-                value={editValue}
-                style={{ display: "none" }}
-            ></textarea>
+                {"hint" in custom && (
+                    <div
+                        id={name + "-hint"}
+                        className="govuk-hint govuk-!-font-size-14"
+                    >
+                        {custom.hint}
+                    </div>
+                )}
+                <ReactQuill
+                    modules={modules}
+                    theme="snow"
+                    value={editValue}
+                    onChange={changeEdit}
+                />
+                <textarea
+                    {...input}
+                    id={id}
+                    name={name}
+                    rows={rows}
+                    className={className}
+                    value={editValue}
+                    style={{ display: "none" }}
+                ></textarea>
+            </div>
         </>
     );
 };
@@ -998,3 +1000,41 @@ export function FileUploadField(props) {
         </>
     );
 }
+
+export const RepresentationGuidanceText = (appealType) => {
+    console.log(appealType);
+    switch (appealType) {
+        case "846040004": //has/cas
+            return (
+                <p className="govuk-hint govuk-!-font-size-14 govuk-!-margin-top-5">
+                    Please note that all questionnaire documents may be
+                    published in line with our Publishing Policy. Should your
+                    questionnaire include any sensitive information or
+                    potentially defamatory information, it may be redacted
+                    before publishing.{" "}
+                    <a href="https://gov.wales/planning-and-environment-decisions-wales-publishing-policy-html">
+                        https://gov.wales/planning-and-environment-decisions-wales-publishing-policy-html
+                    </a>
+                </p>
+            );
+            break;
+        default:
+            return (
+                <p className="govuk-hint govuk-!-font-size-14 govuk-!-margin-top-5">
+                    Please note that all representations may be published in
+                    line with our Publishing Policy. Should your representation
+                    include any sensitive information or potentially defamatory
+                    information, it may be redacted before publishing. If it
+                    contains racist, libellous or offensive content it will be
+                    returned to you and you will be asked to provide an amended
+                    version.{" "}
+                    <a href="https://gov.wales/planning-and-environment-decisions-wales-publishing-policy-html">
+                        https://gov.wales/planning-and-environment-decisions-wales-publishing-policy-html
+                    </a>
+                </p>
+            );
+            break;
+    }
+
+    return guidanceString;
+};