From 68aabedc6d087bc45c7c679163defcd8852cd287 Mon Sep 17 00:00:00 2001
From: Alina Beck <alina.beck@mail.com>
Date: Wed, 4 Dec 2019 12:25:44 +0300
Subject: [PATCH] move css classes to the correct component files

---
 .../_new/features/ReportList/ReportList.vue    | 18 +-----------------
 .../_new/features/ReportRow/ReportRow.vue      | 10 +++++++++-
 2 files changed, 10 insertions(+), 18 deletions(-)

diff --git a/webapp/components/_new/features/ReportList/ReportList.vue b/webapp/components/_new/features/ReportList/ReportList.vue
index b29362da5..0200e4cca 100644
--- a/webapp/components/_new/features/ReportList/ReportList.vue
+++ b/webapp/components/_new/features/ReportList/ReportList.vue
@@ -6,7 +6,7 @@
         <dropdown-filter @filter="filter" :filterOptions="filterOptions" :selected="selected" />
       </client-only>
     </div>
-    <reports-table :reports="reports" @confirm="confirm" />
+    <reports-table :reports="reports" @confirm="openModal" />
   </ds-card>
 </template>
 <script>
@@ -95,9 +95,6 @@ export default {
       this.reports = option.value
       this.selected = option.label
     },
-    confirm(report) {
-      this.openModal(report)
-    },
     async confirmCallback(resource) {
       const { disabled: disable, id: resourceId } = resource
       this.$apollo
@@ -142,17 +139,4 @@ export default {
     font-size: $font-size-large;
   }
 }
-
-.decision {
-  color: $color-secondary;
-}
-.no-decision {
-  color: $color-warning;
-}
-.ban {
-  color: $color-danger;
-}
-.no-ban {
-  color: $color-success;
-}
 </style>
diff --git a/webapp/components/_new/features/ReportRow/ReportRow.vue b/webapp/components/_new/features/ReportRow/ReportRow.vue
index a2d90b6b3..b8f2310cf 100644
--- a/webapp/components/_new/features/ReportRow/ReportRow.vue
+++ b/webapp/components/_new/features/ReportRow/ReportRow.vue
@@ -37,7 +37,7 @@
       <!-- Status Column -->
       <td class="ds-table-col" data-test="report-reviewer">
         <span class="status-line">
-          <base-icon :name="statusIconName" :class="isDisabled ? 'ban' : 'no-ban'" />
+          <base-icon :name="statusIconName" :class="isDisabled ? '--disabled' : '--enabled'" />
           {{ statusText }}
         </span>
         <client-only v-if="report.reviewed">
@@ -175,5 +175,13 @@ export default {
     display: block;
     margin-bottom: $space-xx-small;
   }
+
+  .--disabled {
+    color: $color-danger;
+  }
+
+  .--enabled {
+    color: $color-success;
+  }
 }
 </style>