Merge pull request #136 from apuc/fixed-pages

Fixed pages and clickability

src/components/Common/AuthHeader/AuthHeader.jsx

@@ -35,7 +35,14 @@ export const AuthHeader = () => {
                 </a>
               </li>
               <li>
-                <a href="#">Школа</a>
+                <a
+                  onClick={(e) => {
+                    e.preventDefault();
+                    scrollToForm();
+                  }}
+                >
+                  Трекер
+                </a>
               </li>
               <li>
                 <NavLink to={"/auth-candidate"} className="candidate">

src/components/Common/ModalLayout/modalLayout.scss

@@ -118,7 +118,11 @@
   transform: scale(1);
 }
 
-.createProject {
+.createProject,
+.createColumn,
+.editProject,
+.addWorker,
+.editColumn {
   background: linear-gradient(180deg, #fff 0%, #ebebeb 37.29%);
   .title-project {
     margin-top: 20px;

src/components/ProjectTiket/ProjectTiket.jsx

@@ -26,6 +26,7 @@ export const ProjectTiket = ({ project, index }) => {
   const [modalSelect, setModalSelect] = useState(false);
   const [modalAdd, setModalAdd] = useState(false);
   const [acceptModalOpen, setAcceptModalOpen] = useState(false);
+  const [path, setPath] = useState("");
   const dispatch = useDispatch();
   const { showNotification } = useNotification();
 
@@ -69,25 +70,29 @@ export const ProjectTiket = ({ project, index }) => {
     setAcceptModalOpen(false);
   }
 
+  function linkProject() {}
+
   return (
     <div className="project" key={index}>
-      <Link to={`/tracker/project/${project.id}`} className="project__link">
-        {project.name}
+      <Link to={`/tracker/project/${project.id}`}>
+        <p className="project__link">{project.name}</p>
+
+        <div className="project__info">
+          <p>Открытые задачи</p>
+          <span className="count">
+            {project.columns.reduce(
+              (accumulator, currentValue) =>
+                accumulator + currentValue.tasks.length,
+              0
+            )}
+          </span>
+          <img src={avatarProject} alt="#" className="project__avatar" />
+        </div>
       </Link>
-      <div className="project__info">
-        <p>Открытые задачи</p>
-        <span className="count">
-          {project.columns.reduce(
-            (accumulator, currentValue) =>
-              accumulator + currentValue.tasks.length,
-            0
-          )}
-        </span>
-        <img src={avatarProject} alt="#" className="project__avatar" />
-        <span className="menu-settings" onClick={() => setModalSelect(true)}>
-          ...
-        </span>
-      </div>
+
+      <span className="menu-settings" onClick={() => setModalSelect(true)}>
+        ...
+      </span>
       <Link
         to={`/profile/statistics/${project.id}`}
         className="project__statistics"
@@ -102,7 +107,7 @@ export const ProjectTiket = ({ project, index }) => {
         projectId={project.id}
       ></TrackerModal>
 
-      <ModalSelect active={modalSelect}>
+      <ModalSelect active={modalSelect} onClick={(e) => e.stopPropagation()}>
         <div className="project__settings-menu">
           <div
             onClick={() => {

src/components/ProjectTiket/projectTiket.scss

@@ -78,14 +78,14 @@
         display: none;
       }
     }
+  }
 
-    .menu-settings {
-      position: absolute;
-      font-size: 21px;
-      color: #6f6f6f;
-      right: 0;
-      top: -35%;
-    }
+  .menu-settings {
+    position: absolute;
+    font-size: 21px;
+    color: #6f6f6f;
+    right: 26px;
+    top: 59px;
   }
 
   &__avatar {