9 changed files with 103 additions and 342 deletions
--- a/src/App.js
+++ b/src/App.js
@ -42,7 +42,6 @@ import { PartnerEmployees } from "@pages/PartnerEmployees/PartnerEmployees";
 import { AuthForCandidate } from "@pages/AuthForCandidate/AuthForCandidate";
 import { RegistrationForCandidate } from "@pages/RegistrationForCandidate/RegistrationForCandidate";
 import { ProfileCandidate } from "@pages/ProfileCandidate/ProfileCandidate";
-import { PartnerEmployeeReport } from "@pages/PartnerEmployeeReport/PartnerEmployeeReport";
 import { PassingTests } from "@pages/Quiz/PassingTests";
 import Blog from "./pages/Blog/Blog";
 import Statistics from "@pages/Statistics/Statistics";
@ -121,7 +120,7 @@ const App = () => {
            <Route exact path="calendar" element={<ProfileCalendar />} />
            <Route exact path="calendar/view/" element={<ProfileCalendar />} />
            <Route exact path="summary" element={<Summary />} />
-            <Route exact path="view/:date/:id" element={<ViewReport />} />
+            <Route exact path="view/:id" element={<ViewReport />} />
            <Route exact path="tracker" element={<Tracker />} />
            <Route exact path="statistics/:id" element={<Statistics/>}/>
            <Route exact path="payouts" element={<Payouts />} />
@ -130,10 +129,8 @@ const App = () => {
            <Route exact path="add-request" element={<PartnerAddRequest />} />
            <Route exact path="edit-request" element={<PartnerAddRequest />} />
            <Route exact path="bid" element={<PartnerBid />} />
-            <Route exact path="employees" element={<PartnerCategories />} />
-            <Route exact path="employees/report/:uuid" element={<PartnerEmployeeReport />} />
+            <Route exact path="categories" element={<PartnerCategories />} />
            <Route exact path="treaties" element={<PartnerTreaties />} />
-
            <Route
              exact
              path="categories/employees"
--- a/src/components/Navigation/Navigation.jsx
+++ b/src/components/Navigation/Navigation.jsx
@ -53,7 +53,7 @@ export const Navigation = () => {
        name: "Запросы"
      },
      {
-        path: "/employees",
+        path: "/categories",
        name: "Персонал"
      },
      {
--- a/src/components/PartnerPersonCard/PartnerPersonCard.jsx
+++ b/src/components/PartnerPersonCard/PartnerPersonCard.jsx
@ -15,10 +15,7 @@ export const PartnerPersonCard = ({ name, img, userId }) => {
      </div>
      <div className="partnerPersonCard__info">
        <h2 className="partnerPersonCard__name">{name}</h2>
-        <Link
-          className="partnerPersonCard__report"
-          to={`/profile/employees/report/${userId}`}
-        >
+        <Link className="partnerPersonCard__report" to={`calendar/${userId}`}>
          Подробный отчет
          <div className="partnerPersonCard__more">
            <img src={rightArrow} alt="arrow" />
--- a/src/components/ProfileCalendar/ProfileCalendarComponent.jsx
+++ b/src/components/ProfileCalendar/ProfileCalendarComponent.jsx
@ -32,7 +32,6 @@ import rectangle from "assets/images/rectangle__calendar.png";

 export const ProfileCalendarComponent = React.memo(
  ({
-    userId,
    value,
    setValueHandler,
    reports,
@ -95,17 +94,9 @@ export const ProfileCalendarComponent = React.memo(
            new Date(day).getMonth() + 1
          )}-${correctDay(new Date(day).getDate())}` === date.created_at
        ) {
-          if (userId) {
-            return `../view/${date.created_at}/${userId}`;
-          }
-          return `../view/${date.created_at}/${localStorage.getItem("id")}`;
+          return `../view/${date.created_at}`;
        }
      }
-
-      if (userId) {
-        return "#";
-      }
-
      return "../../report";
    }

@ -123,9 +114,7 @@ export const ProfileCalendarComponent = React.memo(
              startDate._d
            )}`;
      apiRequest(
-        `/reports/index?${requestDates}&user_id=${
-          userId ? userId : localStorage.getItem("id")
-        }`
+        `/reports/index?${requestDates}&user_id =${localStorage.getItem("id")}`
      ).then((reports) => {
        let spendTime = 0;
        reports.map((report) => {
@ -174,7 +163,7 @@ export const ProfileCalendarComponent = React.memo(
      <div className="calendar-component">
        <div className="calendar-component__header">
          <div className="calendar-component__header-info">
-            {!userId && <h3>Мои отчеты за </h3>}
+            <h3>Мои отчеты за </h3>
            <p className="calendar__hours">
              {month}&nbsp;
              <span>
--- a/src/pages/PartnerEmployeeReport/PartnerEmployeeReport.jsx
+++ b/src/pages/PartnerEmployeeReport/PartnerEmployeeReport.jsx
@ -1,131 +0,0 @@
-import moment from "moment/moment";
-import React, { useEffect, useState } from "react";
-import { useDispatch, useSelector } from "react-redux";
-import { Navigate, useParams } from "react-router-dom";
-
-import { getRequestDates, setRequestDate } from "@redux/reportSlice";
-
-import { apiRequest } from "@api/request";
-
-import { getReports } from "@components/Calendar/calendarHelper";
-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 { ProfileCalendarComponent } from "@components/ProfileCalendar/ProfileCalendarComponent";
-import { ProfileHeader } from "@components/ProfileHeader/ProfileHeader";
-
-import "./partnerEmployeeReport.scss";
-
-export const PartnerEmployeeReport = () => {
-  // if (
-  //   localStorage.getItem("role_status") !== "18"
-  // ) {
-  //   return <Navigate to="/profile/categories" replace />;
-  // }
-
-  const params = useParams();
-  const dispatch = useDispatch();
-  const [userInfo, setUserInfo] = useState({});
-  const [value, setValue] = useState(moment());
-  const [reports, setReports] = useState([]);
-  const [totalHours, setTotalHours] = useState(0);
-  const requestDates = useSelector(getRequestDates);
-  const [startRangeDays, setStartRangeDays] = useState(false);
-  const [startDate, setStartDate] = useState(null);
-  const [loader, setLoader] = useState(true);
-
-  useEffect(() => {
-    dispatch(setRequestDate(getReports(moment())));
-  }, []);
-
-  useEffect(() => {
-    apiRequest(`/resume?userId=${params.uuid}`).then((res) => {
-      setUserInfo(res);
-    });
-  }, []);
-
-  useEffect(() => {
-    setLoader(true);
-    if (!requestDates) {
-      return;
-    }
-    apiRequest(`/reports/index?${requestDates}&user_id=${params.uuid}`).then(
-      (reports) => {
-        let spendTime = 0;
-
-        reports
-          .filter(
-            (item) => new Date(item.created_at).getMonth() === value.month()
-          )
-          .map((report) => {
-            spendTime += report.task.reduce(
-              (acc, task) => acc + task.hours_spent,
-              0
-            );
-          });
-
-        setTotalHours(Math.floor(spendTime));
-        setReports(reports);
-        setLoader(false);
-      }
-    );
-  }, [requestDates]);
-
-  return (
-    <div className="employeeReport">
-      <ProfileHeader />
-      <Navigation />
-      <div className="container">
-        <ProfileBreadcrumbs
-          links={[
-            { name: "Главная", link: "/profile" },
-            { name: "Данные моего персонала", link: "/profile/employees" }
-          ]}
-        />
-        {!Object.keys(userInfo).length ? (
-          <div className="employeeReport__loader">
-            <Loader style={"green"} height={80} width={80} />
-          </div>
-        ) : (
-          <>
-            <div className="employeeReport__info">
-              <div className="employeeReport__name">
-                <h2>{userInfo.fio}</h2>
-                <p>{userInfo.position}</p>
-              </div>
-              <div className="employeeReport__skills">
-                {userInfo?.stack &&
-                  userInfo.stack.map((skill, index) => {
-                    return <span key={index}>{skill}</span>;
-                  })}
-              </div>
-            </div>
-            <div className="employeeReport__wrapper">
-              {loader ? (
-                <div className="employeeReport__loader">
-                  <Loader style={"green"} height={80} width={80} />
-                </div>
-              ) : (
-                <div className="employeeReport__calendar ">
-                  <ProfileCalendarComponent
-                    userId={params.uuid}
-                    setValueHandler={(value) => setValue(value)}
-                    value={value}
-                    reports={reports}
-                    totalHours={totalHours}
-                    startRangeDays={startRangeDays}
-                    toggleRangeDays={() => setStartRangeDays(!startRangeDays)}
-                    startDate={startDate}
-                    setStartDateRange={(date) => setStartDate(date)}
-                  />
-                </div>
-              )}
-            </div>
-          </>
-        )}
-      </div>
-      <Footer />
-    </div>
-  );
-};
--- a/src/pages/PartnerEmployeeReport/partnerEmployeeReport.scss
+++ b/src/pages/PartnerEmployeeReport/partnerEmployeeReport.scss
@ -1,70 +0,0 @@
-.employeeReport {
-  background: #F1F1F1;
-  height: 100%;
-  min-height: 100vh;
-  font-family: "LabGrotesque", sans-serif;
-
-  .container {
-    margin-top: 23px;
-  }
-
-  &__info {
-    padding: 10px 15px;
-    background: white;
-    display: flex;
-    border-radius: 15px;
-    column-gap: 15px;
-    align-items: center;
-  }
-
-  &__name {
-    display: flex;
-    flex-direction: column;
-    row-gap: 10px;
-    width: 100%;
-    h2 {
-      font-size: 20px;
-      margin-bottom: 0;
-    }
-
-    p {
-      font-size: 15px;
-    }
-  }
-
-  &__skills {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 7px;
-    width: 100%;
-
-    span {
-      font-size: 12px;
-      line-height: 14px;
-      color: #263238;
-      background: #8DC63F;
-      border-radius: 12px;
-      padding: 5px;
-      max-width: 130px;
-      height: 24px;
-      display: flex;
-      align-items: center;
-      padding: 0 10px;
-    }
-  }
-
-  &__calendar {
-    width: 100%;
-  }
-
-  &__wrapper {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    min-height: 620px;
-  }
-
-  &__loader {
-    margin: 20px;
-  }
-}
--- a/src/pages/PartnerСategories/PartnerСategories.jsx
+++ b/src/pages/PartnerСategories/PartnerСategories.jsx
@ -7,7 +7,6 @@ import { apiRequest } from "@api/request";

 // import { setPartnerEmployees } from "@redux/outstaffingSlice";
 import { Footer } from "@components/Common/Footer/Footer";
-import { Loader } from "@components/Common/Loader/Loader";
 import { Navigation } from "@components/Navigation/Navigation";
 import PartnerPersonCard from "@components/PartnerPersonCard/PartnerPersonCard";
 import { ProfileBreadcrumbs } from "@components/ProfileBreadcrumbs/ProfileBreadcrumbs";
@ -33,12 +32,9 @@ export const PartnerCategories = () => {
  }

  const [staff, setStaff] = useState([]);
-  const [loader, setLoader] = useState(false);

  useEffect(() => {
-    setLoader(true);
    apiRequest("/project/my-employee").then((el) => {
-      setLoader(false);
      setStaff(el.managerEmployees);
    });
  }, []);
@ -153,59 +149,55 @@ export const PartnerCategories = () => {
        <ProfileBreadcrumbs
          links={[
            { name: "Главная", link: "/profile" },
-            { name: "Данные моего персонала", link: "/profile/employees" }
+            { name: "Данные моего персонала", link: "/profile/categories" }
          ]}
        />
        <h2 className="partnerCategories__title">Данные персонала</h2>
-        {loader ? (
-          <Loader style={"green"} height={80} width={80} />
-        ) : (
-          <div className="partnerCategories__items">
-            {staff.map((card) => {
-              return (
-                <PartnerPersonCard
-                  key={card.id}
-                  name={card.employee.fio}
-                  img={card.employee.avatar}
-                  userId={card.user_id}
-                />
-              );
-            })}
-            {/*{personalInfoItems.map((item, index) => {*/}
-            {/*  return (*/}
-            {/*    <Link*/}
-            {/*      to={item.link}*/}
-            {/*      key={index}*/}
-            {/*      className={*/}
-            {/*        item.available*/}
-            {/*          ? "partnerCategories__item item"*/}
-            {/*          : "partnerCategories__item item item__disable"*/}
-            {/*      }*/}
-            {/*      onClick={() => {*/}
-            {/*        dispatch(setPartnerEmployees(mokPersons));*/}
-            {/*      }}*/}
-            {/*    >*/}
-            {/*      <div className="item__title">*/}
-            {/*        <img src={item.img} alt={item.title} />*/}
-            {/*        <h4>{item.title}</h4>*/}
-            {/*      </div>*/}
-            {/*      <div className="item__info">*/}
-            {/*        <p>{item.description}</p>*/}
-            {/*        <div className="more">*/}
-            {/*          <img src={rightArrow} alt="arrow" />*/}
-            {/*        </div>*/}
-            {/*      </div>*/}
-            {/*      {!item.available && (*/}
-            {/*        <div className="item__disableHover">*/}
-            {/*          <p>У вас нет персонала из категории</p>*/}
-            {/*          <button>Подобрать</button>*/}
-            {/*        </div>*/}
-            {/*      )}*/}
-            {/*    </Link>*/}
-            {/*  );*/}
-            {/*})}*/}
-          </div>
-        )}
+        <div className="partnerCategories__items">
+          {staff.map((card) => {
+            return (
+              <PartnerPersonCard
+                key={card.id}
+                name={card.employee.fio}
+                img={card.employee.avatar}
+                userId={card.user_id}
+              />
+            );
+          })}
+          {/*{personalInfoItems.map((item, index) => {*/}
+          {/*  return (*/}
+          {/*    <Link*/}
+          {/*      to={item.link}*/}
+          {/*      key={index}*/}
+          {/*      className={*/}
+          {/*        item.available*/}
+          {/*          ? "partnerCategories__item item"*/}
+          {/*          : "partnerCategories__item item item__disable"*/}
+          {/*      }*/}
+          {/*      onClick={() => {*/}
+          {/*        dispatch(setPartnerEmployees(mokPersons));*/}
+          {/*      }}*/}
+          {/*    >*/}
+          {/*      <div className="item__title">*/}
+          {/*        <img src={item.img} alt={item.title} />*/}
+          {/*        <h4>{item.title}</h4>*/}
+          {/*      </div>*/}
+          {/*      <div className="item__info">*/}
+          {/*        <p>{item.description}</p>*/}
+          {/*        <div className="more">*/}
+          {/*          <img src={rightArrow} alt="arrow" />*/}
+          {/*        </div>*/}
+          {/*      </div>*/}
+          {/*      {!item.available && (*/}
+          {/*        <div className="item__disableHover">*/}
+          {/*          <p>У вас нет персонала из категории</p>*/}
+          {/*          <button>Подобрать</button>*/}
+          {/*        </div>*/}
+          {/*      )}*/}
+          {/*    </Link>*/}
+          {/*  );*/}
+          {/*})}*/}
+        </div>
      </div>
      <Footer />
    </div>
--- a/src/pages/ProjectTracker/ProjectTracker.js
+++ b/src/pages/ProjectTracker/ProjectTracker.js
@ -973,7 +973,7 @@ export const ProjectTracker = () => {
                                  <div className="tasks__board__item__info__more">
                                    <img src={filesBoard} alt="filesImg" />
                                    <span>
-                                      {task.file_count ? task.file_count : 0}{" "}
+                                      {task.files ? task.files : 0}{" "}
                                      {/* {caseOfNum(0, "files")} */}
                                    </span>
                                  </div>
--- a/src/pages/ViewReport/ViewReport.jsx
+++ b/src/pages/ViewReport/ViewReport.jsx
@ -20,9 +20,13 @@ import arrow from "assets/icons/arrows/left-arrow.png";
 import "./viewReport.scss";

 export const ViewReport = () => {
-  const params = useParams();
-  const [previousReportDay] = useState(new Date(params.date));
-  const [nextReportDay] = useState(new Date(params.date));
+  if (localStorage.getItem("role_status") === "18") {
+    return <Navigate to="/profile" replace />;
+  }
+
+  const dateReport = useParams();
+  const [previousReportDay] = useState(new Date(dateReport.id));
+  const [nextReportDay] = useState(new Date(dateReport.id));

  const [taskText, setTaskText] = useState([]);
  const [difficulties, setDifficulties] = useState([]);
@ -36,31 +40,31 @@ export const ViewReport = () => {
    setTaskText([]);
    setDifficulties([]);
    setTomorrowTask([]);
-    apiRequest(`reports/find-by-date?user_id=${params.id}&date=${day}`).then(
-      (res) => {
-        let spendTime = 0;
-        for (const item of res) {
-          if (item.difficulties) {
-            setDifficulties((prevArray) => [...prevArray, item.difficulties]);
-          }
-          if (item.tomorrow) {
-            setTomorrowTask((prevArray) => [...prevArray, item.tomorrow]);
-          }
-          item.task.map((task) => {
-            const taskInfo = {
-              hours: task.hours_spent,
-              task: task.task,
-              id: task.id
-            };
-            spendTime += Math.floor(task.hours_spent);
-
-            setTaskText((prevArray) => [...prevArray, taskInfo]);
-          });
+    apiRequest(
+      `reports/find-by-date?user_id=${localStorage.getItem("id")}&date=${day}`
+    ).then((res) => {
+      let spendTime = 0;
+      for (const item of res) {
+        if (item.difficulties) {
+          setDifficulties((prevArray) => [...prevArray, item.difficulties]);
        }
-        setTotalHours(Math.floor(spendTime));
-        setLoader(false);
+        if (item.tomorrow) {
+          setTomorrowTask((prevArray) => [...prevArray, item.tomorrow]);
+        }
+        item.task.map((task) => {
+          const taskInfo = {
+            hours: task.hours_spent,
+            task: task.task,
+            id: task.id
+          };
+          spendTime += Math.floor(task.hours_spent);
+
+          setTaskText((prevArray) => [...prevArray, taskInfo]);
+        });
      }
-    );
+      setTotalHours(Math.floor(spendTime));
+      setLoader(false);
+    });
    previousReportDay.setDate(previousReportDay.getDate() - 1);
    nextReportDay.setDate(nextReportDay.getDate() + 1);
  }
@ -76,7 +80,7 @@ export const ViewReport = () => {
  }

  useEffect(() => {
-    getReportFromDate(params.date);
+    getReportFromDate(dateReport.id);
  }, []);

  return (
@ -85,28 +89,17 @@ export const ViewReport = () => {
      <Navigation />
      <div className="container">
        <div className="viewReport__info">
-          {localStorage.getItem("role_status") !== "18" && (
-            <>
-              <ProfileBreadcrumbs
-                links={[
-                  { name: "Главная", link: "/profile" },
-                  { name: "Ваша отчетность", link: "/profile/calendar" },
-                  { name: "Просмотр отчета за день", link: "/profile/view" }
-                ]}
-              />
-              <h2 className="viewReport__title">
-                Ваши отчеты - <span>просмотр отчета за день</span>
-              </h2>
-            </>
-          )}
-          <Link
-            className="viewReport__back"
-            to={
-              localStorage.getItem("role_status") === "18"
-                ? `/profile/employees/report/${params.id}`
-                : `/profile/calendar`
-            }
-          >
+          <ProfileBreadcrumbs
+            links={[
+              { name: "Главная", link: "/profile" },
+              { name: "Ваша отчетность", link: "/profile/calendar" },
+              { name: "Просмотр отчета за день", link: "/profile/view" }
+            ]}
+          />
+          <h2 className="viewReport__title">
+            Ваши отчеты - <span>просмотр отчета за день</span>
+          </h2>
+          <Link className="viewReport__back" to={`/profile/calendar`}>
            <img src={arrow} alt="#" />
            <p>Вернуться</p>
          </Link>
@ -124,24 +117,22 @@ export const ViewReport = () => {
        </div>
        <div className="viewReport__switch-date">
          <div onClick={() => previousDay()}>
-            <Link
-              to={`../view/${getCreatedDate(previousReportDay)}/${params.id}`}
-            >
+            <Link to={`../view/${getCreatedDate(previousReportDay)}`}>
              <div className="viewReport__switch-date__prev switch-date">
                <img src={arrowSwitchDate} alt="arrow" />
              </div>
            </Link>
          </div>

-          <p>{getCorrectDate(params.date)}</p>
+          <p>{getCorrectDate(dateReport.id)}</p>

          <div
            onClick={() => nextDay()}
            className={`${
-              getCreatedDate(currentDay) === params.date ? "disable" : ""
+              getCreatedDate(currentDay) === dateReport.id ? "disable" : ""
            }`}
          >
-            <Link to={`../view/${getCreatedDate(nextReportDay)}/${params.id}`}>
+            <Link to={`../view/${getCreatedDate(nextReportDay)}`}>
              <div className={`viewReport__switch-date__next switch-date`}>
                <img src={arrowSwitchDate} alt="arrow" />
              </div>
@ -215,13 +206,9 @@ export const ViewReport = () => {
        )}
        {!Boolean(taskText.length) && !loader && (
          <div className="viewReport__noTask">
-            {localStorage.getItem("role_status") === "4" ? (
-              <p>
-                В этот день вы <span>не заполняли</span> отчет
-              </p>
-            ) : (
-              <p>Отчет за день не заполнен</p>
-            )}
+            <p>
+              В этот день вы <span>не заполняли</span> отчет
+            </p>
          </div>
        )}
        <Footer />