employeeReport

src/pages/ViewReport/ViewReport.jsx

@@ -20,7 +20,6 @@ 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));
@@ -37,31 +36,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);
+    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]);
-        });
+            setTaskText((prevArray) => [...prevArray, taskInfo]);
+          });
+        }
+        setTotalHours(Math.floor(spendTime));
+        setLoader(false);
       }
-      setTotalHours(Math.floor(spendTime));
-      setLoader(false);
-    });
+    );
     previousReportDay.setDate(previousReportDay.getDate() - 1);
     nextReportDay.setDate(nextReportDay.getDate() + 1);
   }
@@ -86,7 +85,7 @@ export const ViewReport = () => {
       <Navigation />
       <div className="container">
         <div className="viewReport__info">
-          {localStorage.getItem("role_status") !== "18" &&
+          {localStorage.getItem("role_status") !== "18" && (
             <>
               <ProfileBreadcrumbs
                 links={[
@@ -96,12 +95,18 @@ export const ViewReport = () => {
                 ]}
               />
               <h2 className="viewReport__title">
-              Ваши отчеты - <span>просмотр отчета за день</span>
+                Ваши отчеты - <span>просмотр отчета за день</span>
               </h2>
             </>
-          }
-          <Link className="viewReport__back"
-                to={localStorage.getItem("role_status") === "18" ? `/profile/employees/report/${params.id}` :`/profile/calendar`}>
+          )}
+          <Link
+            className="viewReport__back"
+            to={
+              localStorage.getItem("role_status") === "18"
+                ? `/profile/employees/report/${params.id}`
+                : `/profile/calendar`
+            }
+          >
             <img src={arrow} alt="#" />
             <p>Вернуться</p>
           </Link>
@@ -119,7 +124,9 @@ export const ViewReport = () => {
         </div>
         <div className="viewReport__switch-date">
           <div onClick={() => previousDay()}>
-            <Link to={`../view/${getCreatedDate(previousReportDay)}/${params.id}`}>
+            <Link
+              to={`../view/${getCreatedDate(previousReportDay)}/${params.id}`}
+            >
               <div className="viewReport__switch-date__prev switch-date">
                 <img src={arrowSwitchDate} alt="arrow" />
               </div>
@@ -208,12 +215,13 @@ export const ViewReport = () => {
         )}
         {!Boolean(taskText.length) && !loader && (
           <div className="viewReport__noTask">
-            {localStorage.getItem("role_status") === "4" ?
+            {localStorage.getItem("role_status") === "4" ? (
               <p>
                 В этот день вы <span>не заполняли</span> отчет
-              </p> :
+              </p>
+            ) : (
               <p>Отчет за день не заполнен</p>
-            }
+            )}
           </div>
         )}
         <Footer />