{error}
} +{error}
} +{error}
+ ) : ( ++ Your account is now active +
+ )} + + ); +}; diff --git a/client/src/pages/ForgotPasswordPage.tsx b/client/src/pages/ForgotPasswordPage.tsx new file mode 100644 index 00000000..2ea3410d --- /dev/null +++ b/client/src/pages/ForgotPasswordPage.tsx @@ -0,0 +1,51 @@ +import { useState } from 'react'; +import { Formik, Form, Field } from 'formik'; +import { Navigate } from 'react-router-dom'; +import { authService } from '../services/authService'; +import { useAuth } from '../components/AuthContext'; + +export const ForgotPasswordPage = () => { + const [isSent, setIsSent] = useState(false); + const { currentUser, isChecked } = useAuth(); + + if (isChecked && currentUser) { + returnIf an account exists for that email, we have sent a password reset link.
+{error}
} + + ); +}; diff --git a/client/src/pages/ProfilePage.tsx b/client/src/pages/ProfilePage.tsx new file mode 100644 index 00000000..362c5f3b --- /dev/null +++ b/client/src/pages/ProfilePage.tsx @@ -0,0 +1,183 @@ +import { useState } from 'react'; +import { Formik, Form, Field, FormikErrors } from 'formik'; +import cn from 'classnames'; +import { userService } from '../services/userService'; +import { useAuth } from '../components/AuthContext'; + +interface PasswordValues { + oldPassword?: string; + newPassword?: string; + confirmation?: string; +} + +export const ProfilePage = () => { + const { currentUser, checkAuth } = useAuth(); + const [successMessage, setSuccessMessage] = useState(''); + + if (!currentUser) returnWe have sent you an email with the activation link
+{error}
} + + ); +}; diff --git a/client/src/pages/ResetPasswordConfirmPage.tsx b/client/src/pages/ResetPasswordConfirmPage.tsx new file mode 100644 index 00000000..4a14ba48 --- /dev/null +++ b/client/src/pages/ResetPasswordConfirmPage.tsx @@ -0,0 +1,109 @@ +import { useState } from 'react'; +import { Formik, Form, Field, FormikErrors } from 'formik'; +import { Link, useParams } from 'react-router-dom'; +import cn from 'classnames'; +import { authService } from '../services/authService'; + +interface ResetValues { + password?: string; + confirmation?: string; +} + +export const ResetPasswordConfirmPage = () => { + const { token } = useParams<{ token: string }>(); + const [isSuccess, setIsSuccess] = useState(false); + + if (isSuccess) { + return ( +Your password has been reset successfully!
+ + Go to Login + +