create pdf reps for lpa

2023-09-26 09:12:57 +01:00
parent 34c3e06ee3
commit 41847b3433
55 changed files with 8798 additions and 168 deletions
@@ -0,0 +1,78 @@
+import Link from "next/link";
+import { useRouter } from "next/router";
+import useTranslation from "next-translate/useTranslation";
+import { connect } from "react-redux";
+import { Field, reduxForm, formValueSelector } from "redux-form";
+import {
+    RenderPickList,
+    RenderTextfield,
+    RenderRadioList,
+    RenderMultiline,
+    RenderCondtionalRadioList,
+    RenderLPACondtionalRadioList,
+    FileUploadField,
+    RenderRichMultiline,
+    RenderDatePicker,
+} from "./representationElements";
+
+let RepLPAQuestionnaire = (props) => {
+    return (
+        <>
+            <p className="govuk-body">
+                You can enter your comments in the space provided or attach a
+                separate document.
+            </p>
+            <fieldset
+                className="govuk-fieldset"
+                aria-describedby="commentBox-hint"
+            >
+                <div id="commentBox-hint" className="govuk-hint">
+                    My comments are set out in: vcc
+                </div>
+                <div className="govuk-form-group">
+                    <Field
+                        name="representationComments"
+                        id="representationComments"
+                        component={RenderMultiline}
+                        type="text"
+                        rows="5"
+                        className="govuk-textarea govuk-input--width-30"
+                        aria-describedby={props.name + "-hint"}
+                    />
+                </div>
+            </fieldset>
+        </>
+    );
+};
+
+const selector = formValueSelector("representationForm"); // <-- same as form name
+
+RepLPAQuestionnaire = connect((state) => {
+    const representationTypeValue = selector(state, "representationType");
+    const procedureTypeValue = selector(state, "procedureType");
+
+    return {
+        procedureTypeValue,
+        representationTypeValue,
+    };
+})(RepLPAQuestionnaire);
+
+const mapStateToProps = (state, props) => {
+    console.log();
+    return {
+        initialValues: {
+            onBehalfOfLPA:
+                props.props.props.props.accountDetails.accountDetails[
+                    "pinswg_contact_associatedlpa@OData.Community.Display.V1.FormattedValue"
+                ],
+        },
+    };
+};
+
+export default connect(mapStateToProps)(
+    reduxForm({
+        form: "representationForm",
+        enableReinitialize: true,
+        destroyOnUnmount: false,
+    })(RepLPAQuestionnaire)
+);