import React from 'react';
import { toast, ToastContainer } from 'react-toastify';
import Head from 'next/head';
import CardBox from '../components/CardBox';
import SectionFullScreen from '../components/SectionFullScreen';
import { useRouter } from 'next/router';
import { getPageTitle } from '../config';
import { Field, Form, Formik } from 'formik';
import FormField from '../components/FormField';
import BaseButtons from '../components/BaseButtons';
import BaseButton from '../components/BaseButton';
import { passwordReset } from '../stores/authSlice';
import { useAppDispatch } from '../stores/hooks';
export default function PasswordSetOrReset() {
const [loading, setLoading] = React.useState(false);
const [isInvitation, setIsInvitation] = React.useState(false);
const router = useRouter();
const { token, invitation } = router.query;
const notify = (type, msg) => toast(msg, { type });
const dispatch = useAppDispatch();
React.useEffect(() => {
if (invitation) {
setIsInvitation(true);
}
}, [invitation]);
const handleSubmit = async (value) => {
setLoading(true);
if (typeof token === 'string') {
await dispatch(
passwordReset({
token,
password: value.password,
type: isInvitation && 'invitation',
}),
);
await router.push('/login');
}
setLoading(false);
};
return (
<>
{isInvitation && {getPageTitle('Set Password')}}
{!isInvitation && {getPageTitle('Reset Password')}}
{isInvitation && Set Password
}
{!isInvitation && Reset Password
}
Enter your new password
handleSubmit(values)}
>
{({ errors, touched }) => (
)}
);
}