diff --git a/client/src/components/sign-in-form/sign-in-form.component.jsx b/client/src/components/sign-in-form/sign-in-form.component.jsx index 72fd44a61..ddecae224 100644 --- a/client/src/components/sign-in-form/sign-in-form.component.jsx +++ b/client/src/components/sign-in-form/sign-in-form.component.jsx @@ -1,23 +1,24 @@ import { LockOutlined, UserOutlined } from "@ant-design/icons"; import { Button, Form, Input, Typography } from "antd"; +import queryString from "query-string"; import React from "react"; import { useApolloClient } from "react-apollo"; +import { useTranslation } from "react-i18next"; import { connect } from "react-redux"; -import { Redirect, Link } from "react-router-dom"; +import { Link, Redirect, useLocation } from "react-router-dom"; import { createStructuredSelector } from "reselect"; import ImEXOnlineLogo from "../../assets/logo240.png"; import { UPSERT_USER } from "../../graphql/user.queries"; import { emailSignInStart, - sendPasswordReset, + sendPasswordReset } from "../../redux/user/user.actions"; import { selectCurrentUser, - selectSignInError, + selectSignInError } from "../../redux/user/user.selectors"; -import { useTranslation } from "react-i18next"; -import "./sign-in-form.styles.scss"; import AlertComponent from "../alert/alert.component"; +import "./sign-in-form.styles.scss"; const mapStateToProps = createStructuredSelector({ currentUser: selectCurrentUser, @@ -36,6 +37,7 @@ export function SignInComponent({ signInError, sendPasswordReset, }) { + const { redirect } = queryString.parse(useLocation().search); const apolloClient = useApolloClient(); const { t } = useTranslation(); const handleFinish = (values) => { @@ -60,7 +62,8 @@ export function SignInComponent({ }); } - if (currentUser.authorized === true) return ; + if (currentUser.authorized === true) + return ; return (
diff --git a/client/src/components/user-request-pw-reset/user-request-reset-pw.component.jsx b/client/src/components/user-request-pw-reset/user-request-reset-pw.component.jsx index f885dde72..b4ef3c552 100644 --- a/client/src/components/user-request-pw-reset/user-request-reset-pw.component.jsx +++ b/client/src/components/user-request-pw-reset/user-request-reset-pw.component.jsx @@ -1,17 +1,12 @@ +import { Button, Form, Result } from "antd"; +import React from "react"; +import { useTranslation } from "react-i18next"; import { connect } from "react-redux"; import { createStructuredSelector } from "reselect"; -import { - sendPasswordReset, - validatePasswordResetStart, -} from "../../redux/user/user.actions"; -import queryString from "query-string"; -import { useLocation } from "react-router-dom"; -import { Input, Form, Button, Result } from "antd"; -import React, { useState } from "react"; -import EmailFormItemComponent from "../form-items-formatted/email-form-item.component"; -import { useTranslation } from "react-i18next"; +import { sendPasswordReset } from "../../redux/user/user.actions"; import { selectPasswordReset } from "../../redux/user/user.selectors"; import AlertComponent from "../alert/alert.component"; +import EmailFormItemComponent from "../form-items-formatted/email-form-item.component"; const mapStateToProps = createStructuredSelector({ passwordReset: selectPasswordReset, diff --git a/client/src/pages/reset-password/reset-password.component.jsx b/client/src/pages/reset-password/reset-password.component.jsx index 534652c8d..cf640aedd 100644 --- a/client/src/pages/reset-password/reset-password.component.jsx +++ b/client/src/pages/reset-password/reset-password.component.jsx @@ -1,26 +1,10 @@ -import React from "react"; - -import { connect } from "react-redux"; -import { createStructuredSelector } from "reselect"; -import { - sendPasswordReset, - validatePasswordResetStart, -} from "../../redux/user/user.actions"; import queryString from "query-string"; +import React from "react"; import { useLocation } from "react-router-dom"; -import UserValidatePwReset from "../../components/user-validate-pw-reset/user-validate-pw-reset.component"; import UserRequestResetPw from "../../components/user-request-pw-reset/user-request-reset-pw.component"; +import UserValidatePwReset from "../../components/user-validate-pw-reset/user-validate-pw-reset.component"; -const mapStateToProps = createStructuredSelector({ - //currentUser: selectCurrentUser -}); -const mapDispatchToProps = (dispatch) => ({ - sendPasswordReset: (email) => dispatch(sendPasswordReset(email)), - validatePasswordReset: (emailAndPin) => - dispatch(validatePasswordResetStart(emailAndPin)), -}); - -export default function ResetPassword({}) { +export default function ResetPassword() { const searchParams = queryString.parse(useLocation().search); const { mode, oobCode } = searchParams; console.log("ResetPassword -> mode, oobCode", mode, oobCode); diff --git a/client/src/utils/private-route.js b/client/src/utils/private-route.js index 0a55f1184..ec4c9b0c7 100644 --- a/client/src/utils/private-route.js +++ b/client/src/utils/private-route.js @@ -1,6 +1,8 @@ import React from "react"; -import { Route, Redirect } from "react-router-dom"; +import { Route, Redirect, useLocation } from "react-router-dom"; export default ({ component: Component, isAuthorized, ...rest }) => { + const location = useLocation(); + return ( { isAuthorized === true ? ( ) : ( - + ) } />