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,11 +70,13 @@ export const ProjectTiket = ({ project, index }) => {
     setAcceptModalOpen(false);
   }
 
+  function linkProject() {}
+
   return (
     <div className="project" key={index}>
-      <Link to={`/tracker/project/${project.id}`} className="project__link">
+      <Link to={`/tracker/project/${project.id}`}>
-        {project.name}
+        <p className="project__link">{project.name}</p>
-      </Link>
+
         <div className="project__info">
           <p>Открытые задачи</p>
           <span className="count">
@@ -84,10 +87,12 @@ export const ProjectTiket = ({ project, index }) => {
             )}
           </span>
           <img src={avatarProject} alt="#" className="project__avatar" />
+        </div>
+      </Link>
+
       <span className="menu-settings" onClick={() => setModalSelect(true)}>
         ...
       </span>
-      </div>
       <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;
+    right: 26px;
-      top: -35%;
+    top: 59px;
-    }
   }
 
   &__avatar {