fix auth errors and add tracker-registration

src/pages/TrackerAuth/TrackerAuth.jsx

@@ -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>

src/pages/TrackerRegistration/TrackerRegistration.jsx

@@ -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(
-      apiEndpoint,
-      fields,
-      showNotificationError,
-      showNotificationTrue
-    );
-
+  const {
+    formData,
+    validationErrors,
+    handleChange,
+    handleSubmit,
+  } = useFormValidation(
+    apiEndpoint,
+    fields,
+    showNotificationError,
+    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
-                onClick={async (e) => {
-                  e.preventDefault();
-                  const result = await handleSubmit(e);
-                  if (result === true) {
-                    setModalConfirm(true);
-                  }
-                }}
-              >
-                Отправить
-              </button>
+              {loader ? (
+                <Loader />
+              ) : (
+                <BaseButton
+                  onClick={async (e) => {
+                    e.preventDefault();
+                    await handleSubmit(e);
+                  }}
+                  styles="button-box__submit"
+                >
+                  Отправить
+                </BaseButton>
+              )}
               <div className="tracker-registration__form__info">
                 <img src={authImg} alt="img" />
                 <p>

src/pages/TrackerRegistration/trackerRegistration.scss

@@ -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;