change user details and password
This commit is contained in:
@@ -1,6 +1,6 @@
|
|||||||
import Link from "next/link";
|
import Link from "next/link";
|
||||||
import _ from "lodash";
|
import _ from "lodash";
|
||||||
import React, { useState } from "react";
|
import React, { useState, useEffect } from "react";
|
||||||
import { useRouter } from "next/router";
|
import { useRouter } from "next/router";
|
||||||
import useTranslation from "next-translate/useTranslation";
|
import useTranslation from "next-translate/useTranslation";
|
||||||
import {
|
import {
|
||||||
@@ -10,6 +10,7 @@ import {
|
|||||||
getFormSubmitErrors,
|
getFormSubmitErrors,
|
||||||
} from "redux-form";
|
} from "redux-form";
|
||||||
import { useDispatch, useSelector, shallowEqual, connect } from "react-redux";
|
import { useDispatch, useSelector, shallowEqual, connect } from "react-redux";
|
||||||
|
import { updatePassword } from "../../actions";
|
||||||
|
|
||||||
const RenderTextfield = ({
|
const RenderTextfield = ({
|
||||||
id,
|
id,
|
||||||
@@ -75,6 +76,10 @@ const ChangePassword = (props) => {
|
|||||||
let errorsobj = {};
|
let errorsobj = {};
|
||||||
|
|
||||||
const onHandleSubmit = (values) => {
|
const onHandleSubmit = (values) => {
|
||||||
|
let contactid = props.props.accountDetails.loggedinUserId;
|
||||||
|
let updateBody = props.props.form.changepasswordForm.values.newpassword;
|
||||||
|
console.log(contactid, updateBody);
|
||||||
|
updatePassword(contactid, updateBody);
|
||||||
setPasswordUpdated(true);
|
setPasswordUpdated(true);
|
||||||
};
|
};
|
||||||
|
|
||||||
@@ -123,12 +128,25 @@ const ChangePassword = (props) => {
|
|||||||
>
|
>
|
||||||
Continue
|
Continue
|
||||||
</button>
|
</button>
|
||||||
|
<Link
|
||||||
|
href={
|
||||||
|
"/myportal?q=" +
|
||||||
|
props.accountDetails.loggedinUserId
|
||||||
|
}
|
||||||
|
>
|
||||||
|
<a className="govuk-link">Cancel</a>
|
||||||
|
</Link>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
) : (
|
) : (
|
||||||
<>
|
<>
|
||||||
<p className="govuk-body">
|
<p className="govuk-body">
|
||||||
<Link href="/myportal">
|
<Link
|
||||||
|
href={
|
||||||
|
"/myportal?q=" +
|
||||||
|
props.accountDetails.loggedinUserId
|
||||||
|
}
|
||||||
|
>
|
||||||
<a className="govuk-link">Go to My Portal</a>
|
<a className="govuk-link">Go to My Portal</a>
|
||||||
</Link>
|
</Link>
|
||||||
</p>
|
</p>
|
||||||
@@ -144,6 +162,7 @@ const mapStateToProps = (state) => {
|
|||||||
searchResultsObj: state.searchResultsObj,
|
searchResultsObj: state.searchResultsObj,
|
||||||
formData: state.formData,
|
formData: state.formData,
|
||||||
appealType: state.appealType,
|
appealType: state.appealType,
|
||||||
|
accountDetails: state.accountDetails,
|
||||||
//form: state.form,
|
//form: state.form,
|
||||||
};
|
};
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -226,6 +226,14 @@ let PersonalDetails = (props) => {
|
|||||||
>
|
>
|
||||||
Continue
|
Continue
|
||||||
</button>
|
</button>
|
||||||
|
<Link
|
||||||
|
href={
|
||||||
|
"/myportal?q=" +
|
||||||
|
props.props.accountDetails.loggedinUserId
|
||||||
|
}
|
||||||
|
>
|
||||||
|
<a className="govuk-link">Cancel</a>
|
||||||
|
</Link>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
) : (
|
) : (
|
||||||
|
|||||||
@@ -1,4 +1,5 @@
|
|||||||
import _ from "lodash";
|
import _ from "lodash";
|
||||||
|
import Link from "next/link";
|
||||||
import React, { useState } from "react";
|
import React, { useState } from "react";
|
||||||
import { useRouter } from "next/router";
|
import { useRouter } from "next/router";
|
||||||
import useTranslation from "next-translate/useTranslation";
|
import useTranslation from "next-translate/useTranslation";
|
||||||
@@ -39,7 +40,7 @@ const BuildCheckPersonalDetails = (props) => {
|
|||||||
<dd className="govuk-summary-list__actions">
|
<dd className="govuk-summary-list__actions">
|
||||||
<a
|
<a
|
||||||
className="govuk-link"
|
className="govuk-link"
|
||||||
href="#"
|
href="#firstname"
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
setPersonalDetailsComplete(false);
|
setPersonalDetailsComplete(false);
|
||||||
}}
|
}}
|
||||||
@@ -62,7 +63,7 @@ const BuildCheckPersonalDetails = (props) => {
|
|||||||
<dd className="govuk-summary-list__actions">
|
<dd className="govuk-summary-list__actions">
|
||||||
<a
|
<a
|
||||||
className="govuk-link"
|
className="govuk-link"
|
||||||
href="#"
|
href="#lastname"
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
setPersonalDetailsComplete(false);
|
setPersonalDetailsComplete(false);
|
||||||
}}
|
}}
|
||||||
@@ -86,7 +87,7 @@ const BuildCheckPersonalDetails = (props) => {
|
|||||||
<dd className="govuk-summary-list__actions">
|
<dd className="govuk-summary-list__actions">
|
||||||
<a
|
<a
|
||||||
className="govuk-link"
|
className="govuk-link"
|
||||||
href="#"
|
href="#emailaddress1"
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
setPersonalDetailsComplete(false);
|
setPersonalDetailsComplete(false);
|
||||||
}}
|
}}
|
||||||
@@ -110,7 +111,7 @@ const BuildCheckPersonalDetails = (props) => {
|
|||||||
<dd className="govuk-summary-list__actions">
|
<dd className="govuk-summary-list__actions">
|
||||||
<a
|
<a
|
||||||
className="govuk-link"
|
className="govuk-link"
|
||||||
href="#"
|
href="#telephone1"
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
setPersonalDetailsComplete(false);
|
setPersonalDetailsComplete(false);
|
||||||
}}
|
}}
|
||||||
@@ -133,7 +134,7 @@ const BuildCheckPersonalDetails = (props) => {
|
|||||||
<dd className="govuk-summary-list__actions">
|
<dd className="govuk-summary-list__actions">
|
||||||
<a
|
<a
|
||||||
className="govuk-link"
|
className="govuk-link"
|
||||||
href="#"
|
href="#company"
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
setPersonalDetailsComplete(false);
|
setPersonalDetailsComplete(false);
|
||||||
}}
|
}}
|
||||||
@@ -161,7 +162,7 @@ const BuildCheckPersonalDetails = (props) => {
|
|||||||
<dd className="govuk-summary-list__actions">
|
<dd className="govuk-summary-list__actions">
|
||||||
<a
|
<a
|
||||||
className="govuk-link"
|
className="govuk-link"
|
||||||
href="#"
|
href="#address1_line1"
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
setPersonalDetailsComplete(false);
|
setPersonalDetailsComplete(false);
|
||||||
}}
|
}}
|
||||||
@@ -185,7 +186,7 @@ const BuildCheckPersonalDetails = (props) => {
|
|||||||
<dd className="govuk-summary-list__actions">
|
<dd className="govuk-summary-list__actions">
|
||||||
<a
|
<a
|
||||||
className="govuk-link"
|
className="govuk-link"
|
||||||
href="#"
|
href="#address1_line2"
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
setPersonalDetailsComplete(false);
|
setPersonalDetailsComplete(false);
|
||||||
}}
|
}}
|
||||||
@@ -209,7 +210,7 @@ const BuildCheckPersonalDetails = (props) => {
|
|||||||
<dd className="govuk-summary-list__actions">
|
<dd className="govuk-summary-list__actions">
|
||||||
<a
|
<a
|
||||||
className="govuk-link"
|
className="govuk-link"
|
||||||
href="#"
|
href="#address1_city"
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
setPersonalDetailsComplete(false);
|
setPersonalDetailsComplete(false);
|
||||||
}}
|
}}
|
||||||
@@ -233,7 +234,7 @@ const BuildCheckPersonalDetails = (props) => {
|
|||||||
<dd className="govuk-summary-list__actions">
|
<dd className="govuk-summary-list__actions">
|
||||||
<a
|
<a
|
||||||
className="govuk-link"
|
className="govuk-link"
|
||||||
href="#"
|
href="#address1_county"
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
setPersonalDetailsComplete(false);
|
setPersonalDetailsComplete(false);
|
||||||
}}
|
}}
|
||||||
@@ -257,7 +258,7 @@ const BuildCheckPersonalDetails = (props) => {
|
|||||||
<dd className="govuk-summary-list__actions">
|
<dd className="govuk-summary-list__actions">
|
||||||
<a
|
<a
|
||||||
className="govuk-link"
|
className="govuk-link"
|
||||||
href="#"
|
href="#address1_postalcode"
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
setPersonalDetailsComplete(false);
|
setPersonalDetailsComplete(false);
|
||||||
}}
|
}}
|
||||||
@@ -282,6 +283,11 @@ const BuildCheckPersonalDetails = (props) => {
|
|||||||
>
|
>
|
||||||
Continue
|
Continue
|
||||||
</button>
|
</button>
|
||||||
|
<Link
|
||||||
|
href={"/myportal?q=" + props.accountDetails.loggedinUserId}
|
||||||
|
>
|
||||||
|
<a className="govuk-link">Cancel</a>
|
||||||
|
</Link>
|
||||||
</div>
|
</div>
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -366,9 +366,11 @@ const Breadcrumbs = (props) => {
|
|||||||
<li className="govuk-breadcrumbs__list-item">
|
<li className="govuk-breadcrumbs__list-item">
|
||||||
<Link
|
<Link
|
||||||
href={
|
href={
|
||||||
router.locale != "en"
|
router.locale == "cy"
|
||||||
? router.locale + "/myportal"
|
? router.locale + "/myportal"
|
||||||
: "/myportal"
|
: "/myportal?q=" +
|
||||||
|
props.props.accountDetails
|
||||||
|
.loggedinUserId
|
||||||
}
|
}
|
||||||
>
|
>
|
||||||
<a className="govuk-breadcrumbs__link">
|
<a className="govuk-breadcrumbs__link">
|
||||||
@@ -397,9 +399,11 @@ const Breadcrumbs = (props) => {
|
|||||||
<li className="govuk-breadcrumbs__list-item">
|
<li className="govuk-breadcrumbs__list-item">
|
||||||
<Link
|
<Link
|
||||||
href={
|
href={
|
||||||
router.locale != "en"
|
router.locale == "cy"
|
||||||
? router.locale + "/myportal"
|
? router.locale + "/myportal"
|
||||||
: "/myportal"
|
: "/myportal?q=" +
|
||||||
|
props.props.accountDetails
|
||||||
|
.loggedinUserId
|
||||||
}
|
}
|
||||||
>
|
>
|
||||||
<a className="govuk-breadcrumbs__link">
|
<a className="govuk-breadcrumbs__link">
|
||||||
|
|||||||
@@ -53,7 +53,7 @@ const Home = (props) => {
|
|||||||
<div className="govuk-grid-row">
|
<div className="govuk-grid-row">
|
||||||
<div className="govuk-grid-column-full">
|
<div className="govuk-grid-column-full">
|
||||||
<div className="govuk-width-container">
|
<div className="govuk-width-container">
|
||||||
<Breadcrumbs slug={appealtypes} />
|
<Breadcrumbs slug={appealtypes} props={props} />
|
||||||
<main
|
<main
|
||||||
className="govuk-main-wrapper--auto-spacing"
|
className="govuk-main-wrapper--auto-spacing"
|
||||||
id="main-content"
|
id="main-content"
|
||||||
@@ -108,6 +108,7 @@ const mapStateToProps = (state) => {
|
|||||||
appealType: state.appealType,
|
appealType: state.appealType,
|
||||||
LPAData: state.LPAData,
|
LPAData: state.LPAData,
|
||||||
form: state.form,
|
form: state.form,
|
||||||
|
accountDetails: state.accountDetails,
|
||||||
};
|
};
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|||||||
@@ -50,7 +50,7 @@ const Home = (props) => {
|
|||||||
<div className="govuk-grid-row">
|
<div className="govuk-grid-row">
|
||||||
<div className="govuk-grid-column-full">
|
<div className="govuk-grid-column-full">
|
||||||
<div className="govuk-width-container">
|
<div className="govuk-width-container">
|
||||||
<Breadcrumbs slug={appealtypes} />
|
<Breadcrumbs slug={appealtypes} props={props} />
|
||||||
<main
|
<main
|
||||||
className="govuk-main-wrapper--auto-spacing"
|
className="govuk-main-wrapper--auto-spacing"
|
||||||
id="main-content"
|
id="main-content"
|
||||||
|
|||||||
Reference in New Issue
Block a user