reset and confirm modals

src/components/Modal/ModalReset/ModalReset.js

@@ -7,13 +7,18 @@ import "./modalReset.scss";
 export const ModalReset = ({ setModalReset }) => {
   return (
     <div className="modalReset">
-            <h3 className='modalReset__title'>Восстановление доступа</h3>
+      <h3 className="modalReset__title">Восстановление доступа</h3>
-            <div className='modalReset__input'>
+      <div className="modalReset__input">
         <span>Укажите e-mail, для которого хотите восстановить пароль.</span>
-                <input placeholder='email'/>
+        <input placeholder="email" />
       </div>
-            <button className='modalReset__submit'>Восстановить</button>
+      <button className="modalReset__submit">Восстановить</button>
-            <img onClick={() => setModalReset(false)} src={close} className='modalReset__close' alt='close' />
+      <img
+        onClick={() => setModalReset(false)}
+        src={close}
+        className="modalReset__close"
+        alt="close"
+      />
     </div>
   );
 };

src/components/Modal/ModalTrackerRegistration/ModalTrackerRegistration.js

@@ -7,11 +7,22 @@ import "./modalTrackerRegistration.scss";
 export const ModalTrackerRegistration = ({ setModalReset }) => {
   return (
     <div className="modalConfirmTracker">
-            <h3 className='modalConfirmTracker__title'>Спасибо за регистрацию. Теперь можете войти в кабинет</h3>
+      <h3 className="modalConfirmTracker__title">
-            <p className='modalConfirmTracker__info'>Мы отправили ссылку<br/>
+        Спасибо за регистрацию. Теперь можете войти в кабинет
-                для активации вашего аккаунта на почту<br/> <span>nhw44308@mail.com</span></p>
+      </h3>
-            <button className='modalConfirmTracker__btn'>Перейти в почту</button>
+      <p className="modalConfirmTracker__info">
-            <img onClick={() => setModalReset(false)} src={close} className='modalReset__close' alt='close' />
+        Мы отправили ссылку
+        <br />
+        для активации вашего аккаунта на почту
+        <br /> <span>nhw44308@mail.com</span>
+      </p>
+      <button className="modalConfirmTracker__btn">Перейти в почту</button>
+      <img
+        onClick={() => setModalReset(false)}
+        src={close}
+        className="modalReset__close"
+        alt="close"
+      />
     </div>
   );
 };

src/pages/TrackerAuth/TrackerAuth.js

@@ -3,9 +3,9 @@ import React, {useState} from "react";
 import AuthBlock from "@components/AuthBlock/AuthBlock";
 import AuthHeader from "@components/Common/AuthHeader/AuthHeader";
 import { Footer } from "@components/Common/Footer/Footer";
-import SideBar from "@components/SideBar/SideBar";
 import ModalLayout from "@components/Common/ModalLayout/ModalLayout";
 import { ModalReset } from "@components/Modal/ModalReset/ModalReset";
+import SideBar from "@components/SideBar/SideBar";
 
 import arrowInfo from "assets/icons/trackerIntroInfo.svg";
 import trackerAuthImg from "assets/images/trackerAuthImg.png";
@@ -13,7 +13,7 @@ import trackerAuthImg from "assets/images/trackerAuthImg.png";
 import "./trackerAuth.scss";
 
 export const TrackerAuth = () => {
- const [modalResetOpen, setModalReset] = useState(false)
+  const [modalResetOpen, setModalReset] = useState(false);
   return (
     <div className="trackerAuth">
       <AuthHeader />
@@ -33,11 +33,11 @@ export const TrackerAuth = () => {
             resetModal={setModalReset}
           />
         </div>
-          {modalResetOpen &&
+        {modalResetOpen && (
           <ModalLayout active={modalResetOpen} setActive={setModalReset}>
             <ModalReset setModalReset={setModalReset} />
           </ModalLayout>
-          }
+        )}
         <Footer />
       </div>
     </div>

src/pages/TrackerRegistration/TrackerRegistration.js

@@ -2,18 +2,18 @@ import React, {useState} from "react";
 
 import AuthHeader from "@components/Common/AuthHeader/AuthHeader";
 import { Footer } from "@components/Common/Footer/Footer";
+import ModalLayout from "@components/Common/ModalLayout/ModalLayout";
+import { ModalTrackerRegistration } from "@components/Modal/ModalTrackerRegistration/ModalTrackerRegistration";
 import SideBar from "@components/SideBar/SideBar";
-import { ModalTrackerRegistration } from "@components/Modal/ModalTrackerRegistration/ModalTrackerRegistration"
 
 import arrowInfo from "assets/icons/trackerIntroInfo.svg";
 import authImg from "assets/images/partnerProfile/authCandidateFormImg.png";
-import registrationImg from "assets/images/trackerRegistrationImg.png"
+import registrationImg from "assets/images/trackerRegistrationImg.png";
 
 import "./trackerRegistration.scss";
-import ModalLayout from "@components/Common/ModalLayout/ModalLayout";
 
 export const TrackerRegistration = () => {
-    const [modalConfirmOpen, setModalConfirm] = useState(false)
+  const [modalConfirmOpen, setModalConfirm] = useState(false);
 
   return (
     <div className="trackerRegistration">
@@ -28,42 +28,47 @@ export const TrackerRegistration = () => {
               <img src={arrowInfo} alt="arrow" />
             </span>
           </h1>
-                    <div className='trackerRegistration__form'>
+          <div className="trackerRegistration__form">
-                        <div className='trackerRegistration__form__inputs'>
+            <div className="trackerRegistration__form__inputs">
-                            <div className='trackerRegistration__inputContainer'>
+              <div className="trackerRegistration__inputContainer">
                 <span>Ваше имя *</span>
-                                <input placeholder='Имя' />
+                <input placeholder="Имя" />
               </div>
-                            <div className='trackerRegistration__inputContainer'>
+              <div className="trackerRegistration__inputContainer">
                 <span>Придумайте пароль*</span>
-                                <input placeholder='Пароль' />
+                <input placeholder="Пароль" />
               </div>
-                            <div className='trackerRegistration__inputContainer'>
+              <div className="trackerRegistration__inputContainer">
                 <span>Ваш email *</span>
-                                <input placeholder='Email' type='email' />
+                <input placeholder="Email" type="email" />
               </div>
-                            <div className='trackerRegistration__inputContainer'>
+              <div className="trackerRegistration__inputContainer">
                 <span>Повторите пароль*</span>
-                                <input placeholder='Повторите пароль' />
+                <input placeholder="Повторите пароль" />
               </div>
             </div>
-                        <div className='trackerRegistration__form__submit'>
+            <div className="trackerRegistration__form__submit">
               <button onClick={() => setModalConfirm(true)}>Отправить</button>
-                            <div className='trackerRegistration__form__info'>
+              <div className="trackerRegistration__form__info">
-                                <img src={authImg} alt='img' />
+                <img src={authImg} alt="img" />
                 <p>
-                                    Создавайте и редактируйте задачи и проекты вместе с другими участниками команды.
+                  Создавайте и редактируйте задачи и проекты вместе с другими
+                  участниками команды.
                 </p>
               </div>
             </div>
-                        <img className='trackerRegistration__form__img' src={registrationImg} alt='img' />
+            <img
+              className="trackerRegistration__form__img"
+              src={registrationImg}
+              alt="img"
+            />
           </div>
         </div>
-                {modalConfirmOpen &&
+        {modalConfirmOpen && (
           <ModalLayout active={modalConfirmOpen} setActive={setModalConfirm}>
             <ModalTrackerRegistration setModalReset={setModalConfirm} />
           </ModalLayout>
-                }
+        )}
         <Footer />
       </div>
     </div>