refactoring allStyles styleStyle -> style-style

src/components/ReportForm/ReportForm.jsx

@@ -200,7 +200,7 @@ const ReportForm = () => {
                         value={inputs[index].task}
                         className={
                           !input.task && reportSuccess === "Заполните задачи"
-                            ? "checkTask"
+                            ? "check-task"
                             : ""
                         }
                         name="text"
@@ -224,7 +224,7 @@ const ReportForm = () => {
                         className={
                           !input.hours_spent &&
                           reportSuccess === "Заполните задачи"
-                            ? "checkTask"
+                            ? "check-task"
                             : ""
                         }
                         name="number"
@@ -259,7 +259,7 @@ const ReportForm = () => {
               })}
 
               <div className="report-form__form-add">
-                <p className="addMore" onClick={addInput}>
+                <p className="add-more" onClick={addInput}>
                   +
                 </p>
                 <span>Добавить задачу</span>
@@ -313,7 +313,7 @@ const ReportForm = () => {
                 {reportSuccess && (
                   <p
                     className={`report-form__footer-done ${
-                      reportSuccess === "Заполните задачи" ? "errorText" : ""
+                      reportSuccess === "Заполните задачи" ? "error-text" : ""
                     }`}
                   >
                     {reportSuccess}

src/components/ReportForm/reportForm.scss

@@ -194,7 +194,7 @@
       flex-direction: column;
 
       &--description {
-        .checkTask {
+        .check-task {
           border-color: #fc0000;
         }
 
@@ -229,7 +229,7 @@
           margin-left: 0px;
         }
 
-        .checkTask {
+        .check-task {
           border-color: #fc0000;
         }
 
@@ -267,7 +267,7 @@
     align-items: center;
     justify-content: center;
 
-    .addMore {
+    .add-more {
       display: flex;
       align-items: center;
       justify-content: center;
@@ -383,7 +383,7 @@
       margin-left: 20px;
     }
 
-    .errorText {
+    .error-text {
       color: #bf3c3c;
       font-weight: 600;
     }