src/components/features/quiz/quiz.scss

@@ -566,6 +566,7 @@ $maxWidthContainer: 1123;
     align-items: center;
     width: 100%;
     height: 100%;
+    flex-wrap: wrap;
     @media (max-width: 600px) {
       display: block;
     }

src/pages/PartnerSettings/partnerSettings.scss

@@ -225,7 +225,7 @@
 
     &__report,
     &__login {
-      width: 100%;
+      width: 60%;
     }
 
     &__report {

src/pages/Statistics/Statistics.jsx

@@ -1,16 +1,12 @@
-import React, { useEffect, useState } from "react";
+import React from "react";
 import { useDispatch } from "react-redux";
-import { Link, useParams } from "react-router-dom";
+import { Link } from "react-router-dom";
 
 import { setToggleTab } from "@redux/projectsTrackerSlice";
 
 import { copyProjectLink } from "@utils/helper";
-import { urlForLocal } from "@utils/helper";
-
-import { apiRequest } from "@api/request";
 
 import { Footer } from "@components/Common/Footer/Footer";
-import { Loader } from "@components/Common/Loader/Loader";
 import { Navigation } from "@components/Navigation/Navigation";
 import { ProfileBreadcrumbs } from "@components/ProfileBreadcrumbs/ProfileBreadcrumbs";
 import { ProfileHeader } from "@components/ProfileHeader/ProfileHeader";
@@ -27,21 +23,6 @@ import "./statistics.scss";
 
 const Statistics = () => {
   const dispatch = useDispatch();
-  const params = useParams();
-
-  const [projectStatistic, setProjectStatistic] = useState(null);
-  const [projectInfo, setProjectInfo] = useState(null);
-  const [loader, setLoader] = useState(true);
-
-  useEffect(() => {
-    apiRequest(`/project/get-project?project_id=${params.id}`).then((res) => {
-      setProjectInfo(res);
-    });
-    apiRequest(`/project/statistic?project_id=${params.id}`).then((res) => {
-      setProjectStatistic(res);
-      setLoader(false);
-    });
-  }, []);
 
   const teams = [
     {
@@ -91,9 +72,6 @@ const Statistics = () => {
           />
           <h2 className="tracker__title">Управление проектами с трекером</h2>
         </div>
-        {loader ? (
-          <Loader />
-        ) : (
         <div className="tracker__tabs">
           <div className="tracker__tabs__head">
             <Link
@@ -146,42 +124,29 @@ const Statistics = () => {
               <div className="statistics-info">
                 <div className="statistics-info__head">
                   <p>Проект: </p>
-                    <h1>{projectInfo?.name}</h1>
+                  <h1>{"Разработка трекера"}</h1>
                 </div>
                 <div className="statistics-info__team">
                   <div className="project-info">
                     <div className="project-info__creator">
                       <span className="return-text">Создатель проекта:</span>
                       <div>
-                          <p>{projectInfo?.owner_info?.fio}</p>{" "}
+                        <p>{"Василий Тарасов"}</p>{" "}
-                          <img
+                        <img src={mockAvatar} alt="#" />
-                            src={
-                              projectInfo?.owner_info?.avatar
-                                ? urlForLocal(projectInfo.owner_info.avatar)
-                                : mockAvatar
-                            }
-                            alt="#"
-                          />
                       </div>
                     </div>
                     <div className="project-info__tasks">
                       <div className="task-quantity">
                         <p>Открытые задачи</p>
-                          <span className="task-quantity_open">
+                        <span className="task-quantity_open">{4}</span>
-                            {projectStatistic?.open_tasks_count}
-                          </span>
                       </div>
                       <div className="task-quantity">
                         <p>Задач в работе</p>
-                          <span className="task-quantity_work">
+                        <span className="task-quantity_work">{5}</span>
-                            {projectStatistic?.task_on_work_count}
-                          </span>
                       </div>
                       <div className="task-quantity">
                         <p>Закрыто задач</p>
-                          <span className="task-quantity_closed">
+                        <span className="task-quantity_closed">{434}</span>
-                            {projectStatistic?.closed_task_count}
-                          </span>
                       </div>
                     </div>
                   </div>
@@ -190,45 +155,36 @@ const Statistics = () => {
                       <span className="return-text">Участники проекта:</span>
                     </div>
                     <div className="list-team__head">
-                        <p className="head__name">Имя</p>
+                      <p>Имя</p>
-                        <p className="head__email">Почта</p>
+                      <p>Почта</p>
-                        <p className="head__role">Роль</p>
+                      <p>Роль</p>
-                        <p className="head__status">Статус</p>
+                      <p>Статус</p>
                     </div>
                     <div className="list-team__body">
-                        {projectStatistic?.participants.map((person, index) => {
+                      {teams.map((item) => {
                         return (
                           <>
-                              <div className="list-team__item" key={index}>
+                            <div className="list-team__item">
                               <div className="person-name">
-                                  <img
+                                <img src={item.avatar} alt="#" />
-                                    src={
+                                <p>{item.name}</p>
-                                      person.avatar
-                                        ? urlForLocal(person.avatar)
-                                        : mockAvatar
-                                    }
-                                    alt="avatar"
-                                  />
-                                  <p>{person.username}</p>
                               </div>
                               <div className="person-email">
                                 <img src={emailImg} alt="#" />
-                                  <p>{person.email}</p>
+                                <p>{item.email}</p>
                               </div>
 
-                                <p className="person-type">
+                              <p className="person-type">{item.role}</p>
-                                  {person.role ? person.role : "-"}
-                                </p>
                               {/* <span className="status status-active"> */}
 
                               <span
                                 className={
-                                    person.status
+                                  item.status
                                     ? "status status-active"
                                     : "status status-none"
                                 }
                               >
-                                  {person.status ? "Активно" : "Не активно"}
+                                {item.status ? "Активно" : "Не активно"}
                               </span>
                             </div>
                           </>
@@ -245,7 +201,6 @@ const Statistics = () => {
             </div>
           </div>
         </div>
-        )}
       </div>
       <Footer />
     </div>

src/pages/Statistics/statistics.scss

@@ -144,11 +144,6 @@
               line-height: 32px;
               margin-right: 19px;
             }
-
-            img {
-              max-width: 36px;
-              max-height: 36px;
-            }
           }
         }
 
@@ -245,7 +240,7 @@
         &__head {
           display: flex;
           justify-content: space-between;
-          margin-right: 55px;
+          margin-right: 123px;
 
           p {
             color: #5b6871;
@@ -260,30 +255,6 @@
           @media (max-width: 650px) {
             display: none;
           }
-
-          .head {
-            &__name {
-              max-width: 270px;
-              width: 100%;
-            }
-
-            &__email {
-              max-width: 270px;
-              width: 100%;
-            }
-
-            &__role {
-              max-width: 168px;
-              width: 100%;
-              text-align: center;
-            }
-
-            &__status {
-              text-align: center;
-              max-width: 152px;
-              width: 100%;
-            }
-          }
         }
 
         &__item {
@@ -299,18 +270,14 @@
             &-name {
               display: flex;
               align-items: center;
-              max-width: 270px;
+              width: 202px;
-              width: 100%;
               img {
                 margin-right: 10px;
-                max-width: 36px;
-                max-height: 36px;
               }
             }
 
             &-email {
-              max-width: 270px;
+              width: 235px;
-              width: 100%;
               align-items: center;
               display: flex;
 
@@ -325,7 +292,6 @@
 
             &-type {
               width: 168px;
-              text-align: center;
             }
 
             @media (max-width: 850px) {