From baf353d7cdbe4ed937fc8829bf25092ef9e20208 Mon Sep 17 00:00:00 2001
From: Mikola <ko1907@mail.ru>
Date: Fri, 3 Nov 2023 16:23:49 +0300
Subject: [PATCH] registration

---
 .../Modal/AcceptModal/AcceptModal.jsx         | 17 +++---
 .../ModalRegistration/ModalRegistration.jsx   | 59 ++++++++++++-------
 .../Modal/Tracker/ModalTicket/ModalTicket.jsx |  2 +-
 .../TicketFullScreen/TicketFullScreen.jsx     |  7 ++-
 src/pages/ProjectTracker/ProjectTracker.js    | 27 ++++-----
 5 files changed, 66 insertions(+), 46 deletions(-)

diff --git a/src/components/Modal/AcceptModal/AcceptModal.jsx b/src/components/Modal/AcceptModal/AcceptModal.jsx
index c115a4fe..c39af125 100644
--- a/src/components/Modal/AcceptModal/AcceptModal.jsx
+++ b/src/components/Modal/AcceptModal/AcceptModal.jsx
@@ -4,18 +4,19 @@ import close from "assets/icons/closeProjectPersons.svg";
 
 import "./acceptModal.scss";
 
-export const AcceptModal = ({title, closeModal, agreeHandler }) => {
+export const AcceptModal = ({ title, closeModal, agreeHandler }) => {
   return (
     <div className="backDrop">
       <div className="acceptModal">
-        <h3 className="acceptModal__title">
-          {title}
-        </h3>
+        <h3 className="acceptModal__title">{title}</h3>
         <div className="acceptModal__buttons">
-          <button className="agree" onClick={() => {
-            agreeHandler()
-            closeModal()
-          }}>
+          <button
+            className="agree"
+            onClick={() => {
+              agreeHandler();
+              closeModal();
+            }}
+          >
             Да
           </button>
           <button className="cancel" onClick={closeModal}>
diff --git a/src/components/Modal/ModalRegistration/ModalRegistration.jsx b/src/components/Modal/ModalRegistration/ModalRegistration.jsx
index 09ad50e7..fe4926e1 100644
--- a/src/components/Modal/ModalRegistration/ModalRegistration.jsx
+++ b/src/components/Modal/ModalRegistration/ModalRegistration.jsx
@@ -1,10 +1,10 @@
 import React, { useState } from "react";
 
+import { apiRequest } from "@api/request";
+
 import BaseButton from "@components/Common/BaseButton/BaseButton";
 import ModalLayout from "@components/Common/ModalLayout/ModalLayout";
 
-import { apiRequest } from "@api/request";
-
 import anyMoment from "assets/icons/anyMoment.svg";
 import doc from "assets/icons/doc.svg";
 import telegramLogo from "assets/icons/tgLogo.svg";
@@ -13,10 +13,10 @@ import "./modalRegistration.scss";
 
 export const ModalRegistration = ({ active, setActive }) => {
   const [inputsValue, setInputsValue] = useState({
-    userName: '',
-    email: '',
-    password: ''
-  })
+    userName: "",
+    email: "",
+    password: "",
+  });
 
   const submitHandler = () => {
     apiRequest("/register/sign-up", {
@@ -24,12 +24,12 @@ export const ModalRegistration = ({ active, setActive }) => {
       data: {
         username: inputsValue.userName,
         email: inputsValue.email,
-        password: inputsValue.password
-      }
+        password: inputsValue.password,
+      },
     }).then((data) => {
-      console.log(data)
-    })
-  }
+      console.log(data);
+    });
+  };
   return (
     <ModalLayout active={active} setActive={setActive} styles={"registration"}>
       <div className="registration-body__left">
@@ -45,14 +45,24 @@ export const ModalRegistration = ({ active, setActive }) => {
           <div className="input-body__box">
             <h5>Ваше имя</h5>
             <input
-              onChange={(e) => setInputsValue((prevValue) => ({...prevValue, userName: e.target.value}))}
-              placeholder='Name'
+              onChange={(e) =>
+                setInputsValue((prevValue) => ({
+                  ...prevValue,
+                  userName: e.target.value,
+                }))
+              }
+              placeholder="Name"
             />
             <h5>E-mail</h5>
             <input
-              type='email'
-              onChange={(e) => setInputsValue((prevValue) => ({...prevValue, email: e.target.value}))}
-              placeholder='Email'
+              type="email"
+              onChange={(e) =>
+                setInputsValue((prevValue) => ({
+                  ...prevValue,
+                  email: e.target.value,
+                }))
+              }
+              placeholder="Email"
             />
           </div>
 
@@ -61,16 +71,25 @@ export const ModalRegistration = ({ active, setActive }) => {
             {/*<input></input>*/}
             <h5>Пароль</h5>
             <input
-              type='password'
-              onChange={(e) => setInputsValue((prevValue) => ({...prevValue, password: e.target.value}))}
-              placeholder='Password'
+              type="password"
+              onChange={(e) =>
+                setInputsValue((prevValue) => ({
+                  ...prevValue,
+                  password: e.target.value,
+                }))
+              }
+              placeholder="Password"
             />
           </div>
         </div>
         <div className="button-box">
           <BaseButton
             onClick={() => submitHandler()}
-            styles={inputsValue.userName && inputsValue.email && inputsValue.password ? "button-box__submit" : "button-box__submit disable"}
+            styles={
+              inputsValue.userName && inputsValue.email && inputsValue.password
+                ? "button-box__submit"
+                : "button-box__submit disable"
+            }
           >
             Отправить
           </BaseButton>
diff --git a/src/components/Modal/Tracker/ModalTicket/ModalTicket.jsx b/src/components/Modal/Tracker/ModalTicket/ModalTicket.jsx
index 454baffc..205c157b 100644
--- a/src/components/Modal/Tracker/ModalTicket/ModalTicket.jsx
+++ b/src/components/Modal/Tracker/ModalTicket/ModalTicket.jsx
@@ -1011,7 +1011,7 @@ export const ModalTiсket = ({
         </div>
         {acceptModalOpen && (
           <AcceptModal
-            title={'Вы точно хотите переместить задачу в архив?'}
+            title={"Вы точно хотите переместить задачу в архив?"}
             closeModal={closeAcceptModal}
             agreeHandler={deleteTask}
           />
diff --git a/src/components/Modal/Tracker/TicketFullScreen/TicketFullScreen.jsx b/src/components/Modal/Tracker/TicketFullScreen/TicketFullScreen.jsx
index 4c1ad17f..b41f2df3 100644
--- a/src/components/Modal/Tracker/TicketFullScreen/TicketFullScreen.jsx
+++ b/src/components/Modal/Tracker/TicketFullScreen/TicketFullScreen.jsx
@@ -1208,9 +1208,10 @@ export const TicketFullScreen = () => {
       </div>
       {acceptModalOpen && (
         <AcceptModal
-            title={'Вы точно хотите переместить задачу в архив?'}
-            closeModal={closeAcceptModal}
-            agreeHandler={deleteTask} />
+          title={"Вы точно хотите переместить задачу в архив?"}
+          closeModal={closeAcceptModal}
+          agreeHandler={deleteTask}
+        />
       )}
       <Footer />
     </section>
diff --git a/src/pages/ProjectTracker/ProjectTracker.js b/src/pages/ProjectTracker/ProjectTracker.js
index 9a19dd5c..f3e42392 100644
--- a/src/pages/ProjectTracker/ProjectTracker.js
+++ b/src/pages/ProjectTracker/ProjectTracker.js
@@ -33,13 +33,13 @@ import { useNotification } from "@hooks/useNotification";
 import BaseButton from "@components/Common/BaseButton/BaseButton";
 import { Footer } from "@components/Common/Footer/Footer";
 import { Loader } from "@components/Common/Loader/Loader";
+import AcceptModal from "@components/Modal/AcceptModal/AcceptModal";
 import ModalTicket from "@components/Modal/Tracker/ModalTicket/ModalTicket";
 import TrackerModal from "@components/Modal/Tracker/TrackerModal/TrackerModal";
 import { Navigation } from "@components/Navigation/Navigation";
 import { ProfileBreadcrumbs } from "@components/ProfileBreadcrumbs/ProfileBreadcrumbs";
 import { ProfileHeader } from "@components/ProfileHeader/ProfileHeader";
 import TrackerSelectColumn from "@components/TrackerSelectColumn/TrackerSelectColumn";
-import AcceptModal from "@components/Modal/AcceptModal/AcceptModal";
 
 import arrow from "assets/icons/arrows/arrowCalendar.png";
 import arrowDown from "assets/icons/arrows/selectArrow.png";
@@ -76,7 +76,7 @@ export const ProjectTracker = () => {
     edit: false,
   });
   const [acceptModalOpen, setAcceptModalOpen] = useState(false);
-  const [currentColumnDelete, setCurrentColumnDelete] = useState(null)
+  const [currentColumnDelete, setCurrentColumnDelete] = useState(null);
   const [color, setColor] = useState("#aabbcc");
   const [tagInfo, setTagInfo] = useState({ description: "", name: "" });
   const [checkBoxParticipateTasks, setCheckBoxParticipateTasks] =
@@ -913,14 +913,13 @@ export const ProjectTracker = () => {
                             <div
                               className="column__select__item"
                               onClick={() => {
-                                  if (column.tasks.length) {
-                                    setAcceptModalOpen(true)
-                                    setCurrentColumnDelete(column)
-                                  } else {
-                                    deleteColumn(column)
-                                  }
+                                if (column.tasks.length) {
+                                  setAcceptModalOpen(true);
+                                  setCurrentColumnDelete(column);
+                                } else {
+                                  deleteColumn(column);
                                 }
-                              }
+                              }}
                             >
                               <img src={del} alt="delete" />
                               <span>Удалить</span>
@@ -1067,11 +1066,11 @@ export const ProjectTracker = () => {
         </div>
       </div>
       {acceptModalOpen && (
-          <AcceptModal
-              title={'В колонке еще есть задачи, Вы точно хотите удалить её ?'}
-              closeModal={closeAcceptModal}
-              agreeHandler={() => deleteColumn(currentColumnDelete)}
-          />
+        <AcceptModal
+          title={"В колонке еще есть задачи, Вы точно хотите удалить её ?"}
+          closeModal={closeAcceptModal}
+          agreeHandler={() => deleteColumn(currentColumnDelete)}
+        />
       )}
       <Footer />
     </div>