refactoring allStyles styleStyle -> style-style

src/components/ArchiveTableTracker/ArchiveTableTracker.jsx

@@ -26,7 +26,7 @@ const ArchiveTableTracker = ({ filterCompleteTasks, loader }) => {
             ) : (
               <tr>
                 <td>
-                  <div className="archive__noItem">
+                  <div className="archive__no-item">
                     <p>В данном месяце у вас не было задач</p>
                   </div>
                 </td>

src/components/ArchiveTableTracker/ArchiveTasksItem/ArchiveTasksItem.jsx

@@ -7,8 +7,8 @@ import "./archiveTasksItem.scss";
 const ArchiveTasksItem = ({ task, index }) => {
   return (
     <tr key={index}>
-      <td className="archive__completeTask__description">
-        <p className="completeTask__title">{task.title}</p>
+      <td className="archive__complete-task__description">
+        <p className="complete-task__title">{task.title}</p>
         {/*<p*/}
         {/*  className="date"*/}
         {/*  dangerouslySetInnerHTML={{*/}
@@ -16,7 +16,7 @@ const ArchiveTasksItem = ({ task, index }) => {
         {/*  }}*/}
         {/*/>*/}
       </td>
-      <td className="archive__completeTask__time">
+      <td className="archive__complete-task__time">
         <p>
           {new Date(
             task.timers.reduce((acc, cur) => acc + cur.deltaSeconds, 0) * 1000
@@ -25,7 +25,7 @@ const ArchiveTasksItem = ({ task, index }) => {
             .slice(11, 19)}
         </p>
       </td>
-      <td className="archive__completeTask__info">
+      <td className="archive__complete-task__info">
         <div>
           <p>{getCorrectDate(task.updated_at)}</p>
         </div>

src/components/ArchiveTableTracker/ArchiveTasksItem/archiveTasksItem.scss

@@ -1,10 +1,10 @@
-.completeTask__title {
+.complete-task__title {
   white-space: nowrap;
   max-width: 250px;
   text-overflow: ellipsis;
   overflow: hidden;
 }
 
-.archive__completeTask__time {
+.archive__complete-task__time {
   text-align: center;
 }