apuc/guild_front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix auth errors and add tracker-registration

Browse Source
This commit is contained in:
Mikola 2024-03-11 18:24:03 +03:00
parent 012ef7d4b6
commit 2ed0be6664
6 changed files with 64 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/Modal/ModalRegistration/ModalRegistration.jsx
View File

@ -32,10 +32,10 @@ export const ModalRegistration = ({ active, setActive }) => {
const apiEndpoint = "/register/sign-up";
const { showNotification } = useNotification();
const showNotificationError = () => {
const showNotificationError = (error) => {
showNotification({
show: true,
text: "Аккаунт с таким логином или email уже существует",
text: error,
type: "error"
});
};
@ -58,7 +58,9 @@ export const ModalRegistration = ({ active, setActive }) => {
fields,
showNotificationError,
showNotificationTrue,
isPartner
isPartner,
setLoader,
closeModal
);
return (
@ -142,12 +144,7 @@ export const ModalRegistration = ({ active, setActive }) => {
<BaseButton
onClick={async (e) => {
e.preventDefault();
setLoader(true);
const result = await handleSubmit(e);
if (result === true) {
closeModal();
}
setLoader(false);
await handleSubmit(e);
}}
styles="button-box__submit"
>

1
src/components/Modal/ModalRegistration/modalRegistration.scss
View File

@ -249,6 +249,5 @@
.loader {
justify-content: start;
left: 80px;
}
}

16
src/hooks/useFormValidation.js
View File

@ -7,7 +7,9 @@ export const useFormValidation = (
fields,
showNotificationError,
showNotificationTrue,
isPartner
isPartner,
setLoader,
closeModal
) => {
// Состояние формы, содержащее значения полей
const [formData, setFormData] = useState(fields);
@ -85,20 +87,26 @@ export const useFormValidation = (
e.preventDefault();
// Проверка валидации формы
if (validateForm()) {
setLoader(true)
let newformData = { ...formData, is_partner: isPartner ? 1 : 0 };
delete newformData.secondPassword;
try {
apiRequest(apiEndpoint, {
method: "POST",
data: newformData
}).then((data) => {
setLoader(false)
if ("errors" in data) {
showNotificationError();
} else {
return showNotificationError('Аккаунт с таким логином или email уже существуе');
}
if (!data.id) {
return showNotificationError('Ошибка');
}
handleClearForm();
showNotificationTrue();
}
closeModal();
});
} catch (error) {
console.error("Error submitting form:", error);

12
src/pages/TrackerAuth/TrackerAuth.jsx
View File

@ -5,6 +5,7 @@ import { AuthHeader } from "@components/Common/AuthHeader/AuthHeader";
import { Footer } from "@components/Common/Footer/Footer";
import ModalLayout from "@components/Common/ModalLayout/ModalLayout";
import { ModalReset } from "@components/Modal/ModalReset/ModalReset";
import ModalResetPassword from "@components/Modal/ModalResetPassword/ModalResetPassword";
import SideBar from "@components/SideBar/SideBar";
import arrowInfo from "assets/icons/trackerIntroInfo.svg";
@ -33,11 +34,12 @@ export const TrackerAuth = () => {
resetModal={setModalReset}
/>
</div>
{modalResetOpen && (
<ModalLayout active={modalResetOpen} setActive={setModalReset}>
<ModalReset setModalReset={setModalReset} />
</ModalLayout>
)}
<ModalResetPassword active={modalResetOpen} setActive={setModalReset} />
{/*{modalResetOpen && (*/}
{/* <ModalLayout active={modalResetOpen} setActive={setModalReset}>*/}
{/* <ModalReset setModalReset={setModalReset} />*/}
{/* </ModalLayout>*/}
{/*)}*/}
</div>
<Footer />
</div>

35
src/pages/TrackerRegistration/TrackerRegistration.jsx
View File

@ -15,9 +15,13 @@ import authImg from "assets/images/partnerProfile/authCandidateFormImg.png";
import registrationImg from "assets/images/trackerRegistrationImg.png";
import "./trackerRegistration.scss";
import { Loader } from "@components/Common/Loader/Loader";
import BaseButton from "@components/Common/BaseButton/BaseButton";
export const TrackerRegistration = () => {
const [modalConfirmOpen, setModalConfirm] = useState(false);
const [loader, setLoader] = useState(false);
const [isPartner, setIsPartner] = useState(false);
const fields = {
username: "",
email: "",
@ -28,10 +32,10 @@ export const TrackerRegistration = () => {
const apiEndpoint = "/register/sign-up";
const { showNotification } = useNotification();
const showNotificationError = () => {
const showNotificationError = (error) => {
showNotification({
show: true,
text: "Аккаунт с таким логином или email уже существует",
text: error,
type: "error"
});
};
@ -43,14 +47,19 @@ export const TrackerRegistration = () => {
});
};
const { formData, validationErrors, handleChange, handleSubmit } =
useFormValidation(
const {
formData,
validationErrors,
handleChange,
handleSubmit,
} = useFormValidation(
apiEndpoint,
fields,
showNotificationError,
showNotificationTrue
showNotificationTrue,
isPartner,
setLoader,
);
return (
<div className="tracker-registration">
<AuthHeader />
@ -115,17 +124,19 @@ export const TrackerRegistration = () => {
</div>
</div>
<div className="tracker-registration__form__submit">
<button
{loader ? (
<Loader />
) : (
<BaseButton
onClick={async (e) => {
e.preventDefault();
const result = await handleSubmit(e);
if (result === true) {
setModalConfirm(true);
}
await handleSubmit(e);
}}
styles="button-box__submit"
>
Отправить
</button>
</BaseButton>
)}
<div className="tracker-registration__form__info">
<img src={authImg} alt="img" />
<p>

7
src/pages/TrackerRegistration/trackerRegistration.scss
View File

@ -56,7 +56,7 @@
font-size: 18px;
color: #fff;
border: none;
margin-right: 165px;
max-width: 170px;
}
@media (max-width: 1000px) {
@ -68,10 +68,15 @@
align-items: start;
row-gap: 35px;
}
.loader {
max-width: 170px;
}
}
&__info {
display: flex;
margin-left: 165px;
align-items: center;
img {
margin-right: 31px;