registration

This commit is contained in:
Mikola 2023-11-08 18:27:58 +03:00
parent b9cea4e7f7
commit b3a2851329
3 changed files with 154 additions and 134 deletions

View File

@ -28,7 +28,7 @@ export const AuthBox = ({ title }) => {
const [error, setError] = useState(null);
const [modalError, setModalError] = useState(false);
const [modalReset, setModalReset] = useState(false)
const [modalReset, setModalReset] = useState(false);
const [modalReg, setModalReg] = useState(false);
const [showPassword, setShowPassword] = useState(false);
@ -122,7 +122,9 @@ export const AuthBox = ({ title }) => {
>
{isLoading ? <Loader /> : "Войти"}
</button>
<span className="auth-box__reset" onClick={() => setModalReset(true)}>Восстановить пароль</span>
<span className="auth-box__reset" onClick={() => setModalReset(true)}>
Восстановить пароль
</span>
<ModalResetPassword active={modalReset} setActive={setModalReset} />
<ModalRegistration active={modalReg} setActive={setModalReg} />
</div>

View File

@ -5,17 +5,18 @@ import { apiRequest } from "@api/request";
import { useNotification } from "@hooks/useNotification";
import ModalLayout from "@components/Common/ModalLayout/ModalLayout";
import arrow from "assets/icons/arrows/arrowCalendar.png";
import close from "assets/icons/close.png";
import "./modalResetPassword.scss";
export const ModalResetPassword = ({ active, setActive }) => {
const [step, setStep] = useState(false)
const [step, setStep] = useState(false);
const [inputsValue, setInputsValue] = useState({
email: "",
token: "",
password: ""
password: "",
});
const validateEmail = (email) => {
@ -55,7 +56,7 @@ export const ModalResetPassword = ({ active, setActive }) => {
text: "Письмо отправлено Вам на почту",
type: "success",
});
setStep(true)
setStep(true);
}
});
};
@ -71,11 +72,11 @@ export const ModalResetPassword = ({ active, setActive }) => {
method: "POST",
data: {
token: inputsValue.token,
password: inputsValue.password
password: inputsValue.password,
},
}).then(() => {
setActive(false)
resetInputsValue()
setActive(false);
resetInputsValue();
showNotification({
show: true,
text: "Пароль изменён",
@ -85,16 +86,16 @@ export const ModalResetPassword = ({ active, setActive }) => {
};
return (
<ModalLayout active={active} setActive={setActive}>
<div className='resetPassword'>
<div className="resetPassword">
<img
className='resetPassword__close'
className="resetPassword__close"
src={close}
alt="close"
onClick={() => setActive(false)}
/>
<h3 className='resetPassword__title'>Восстановление пароля</h3>
{!step ?
<div className='resetPassword__email'>
<h3 className="resetPassword__title">Восстановление пароля</h3>
{!step ? (
<div className="resetPassword__email">
<h5>Введите email:</h5>
<input
type="email"
@ -106,14 +107,23 @@ export const ModalResetPassword = ({ active, setActive }) => {
}
placeholder="Email"
/>
<button className='resetPassword__btn' onClick={(e) => {
e.preventDefault()
submitHandler()
}}>Отправить</button>
<button
className="resetPassword__btn"
onClick={(e) => {
e.preventDefault();
submitHandler();
}}
>
Отправить
</button>
</div>
:
<div className='resetPassword__email'>
<img src={arrow} onClick={() => setStep(false)} className='resetPassword__email__arrow' />
) : (
<div className="resetPassword__email">
<img
src={arrow}
onClick={() => setStep(false)}
className="resetPassword__email__arrow"
/>
<h5>Введите код подтверждения:</h5>
<input
type="text"
@ -136,12 +146,17 @@ export const ModalResetPassword = ({ active, setActive }) => {
}
placeholder="password"
/>
<button className='resetPassword__btn' onClick={(e) => {
e.preventDefault()
resetPassword()
}}>Отправить</button>
<button
className="resetPassword__btn"
onClick={(e) => {
e.preventDefault();
resetPassword();
}}
>
Отправить
</button>
</div>
}
)}
</div>
</ModalLayout>
);

View File

@ -729,7 +729,10 @@ export const TicketFullScreen = () => {
</div>
)}
</div>
<Link to={`/tracker/project/${taskInfo.project_id}`} className="link">
<Link
to={`/tracker/project/${taskInfo.project_id}`}
className="link"
>
<div className="tasks__head__back">
<p>Вернуться на проект</p>
<img src={arrow} alt="arrow" />