added update password and check/complete patterns for register and personal details

2021-07-27 15:00:07 +01:00
parent 367ed19a70
commit d55b42a5ab
11 changed files with 1024 additions and 538 deletions
@@ -0,0 +1,82 @@
+import _ from "lodash";
+import Link from "next/link";
+import React, { useState } from "react";
+import { useRouter } from "next/router";
+import useTranslation from "next-translate/useTranslation";
+import {
+    Field,
+    reduxForm,
+    formValueSelector,
+    getFormSubmitErrors,
+} from "redux-form";
+import {
+    useDispatch,
+    useSelector,
+    shallowEqual,
+    connect,
+    setRegisterFormComplete,
+    setAccountCreatedComplete,
+} from "react-redux";
+
+const RegisterComplete = (props) => {
+    const {
+        footerLinks,
+        pages,
+        handleSubmit,
+        value,
+        setRegisterFormComplete,
+        setAccountCreatedComplete,
+    } = props;
+    let { t, lang } = useTranslation();
+
+    const router = useRouter();
+    const { locale } = router;
+
+    return (
+        <>
+            <p className="govuk-body">We have sent you a confirmation email.</p>
+
+            <h2 className="govuk-heading-m">What happens next</h2>
+
+            <p className="govuk-body">
+                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi a
+                metus non quam mollis egestas. Integer ac leo cursus, laoreet
+                nulla sed, tempus tellus. Mauris condimentum erat arcu.
+            </p>
+            <p className="govuk-body">
+                Sed imperdiet dignissim ipsum. Orci varius natoque penatibus et
+                magnis dis parturient montes, nascetur ridiculus mus. In id leo
+                in turpis aliquam venenatis ut non erat. Ut est arcu, luctus sit
+                amet pretium sed, iaculis non purus. Etiam dictum tortor commodo
+                luctus rhoncus.
+            </p>
+
+            <p className="govuk-body">
+                <Link href="/">
+                    <a className="govuk-link">Login to My Portal</a>
+                </Link>
+            </p>
+        </>
+    );
+};
+
+const mapStateToProps = (state) => {
+    return {
+        search: state.search,
+        searchResultsObj: state.searchResultsObj,
+        formData: state.formData,
+        appealType: state.appealType,
+        accountDetails: state.accountDetails,
+        //form: state.form,
+    };
+};
+
+const mapDispatchToProps = (dispatch) => {
+    return {
+        setCurrentSection: (currentSection) => {
+            dispatch(setCurrentSection(currentSection));
+        },
+    };
+};
+
+export default connect(mapStateToProps, mapDispatchToProps)(RegisterComplete);