FIX: Add topic status to flagged topics list

FIX: Add topic status to flagged topics list

Previously at a glance it was impossible to tell if a topic was closed before digging deeper.

diff --git a/app/assets/javascripts/admin/templates/flags-topics-index.hbs b/app/assets/javascripts/admin/templates/flags-topics-index.hbs
index 9a37bc7..73cd022 100644
--- a/app/assets/javascripts/admin/templates/flags-topics-index.hbs
+++ b/app/assets/javascripts/admin/templates/flags-topics-index.hbs
@@ -16,7 +16,10 @@
         {{plugin-outlet name="flagged-topic-row" noTags=true args=(hash topic=ft.topic)}}
 
         <td class="topic-title">
-          <a href={{ft.topic.relative_url}} target="_blank">{{replace-emoji ft.topic.fancy_title}}</a>
+          <div class='combined-title'>
+            {{topic-status topic=ft.topic}}
+            <a href={{ft.topic.relative_url}} target="_blank">{{replace-emoji ft.topic.fancy_title}}</a>
+          </div>
         </td>
         <td class="flag-counts">
           {{#each ft.flag_counts as |fc|}}
diff --git a/app/assets/stylesheets/common/admin/flagging.scss b/app/assets/stylesheets/common/admin/flagging.scss
index c42b85f..f1010dd 100644
--- a/app/assets/stylesheets/common/admin/flagging.scss
+++ b/app/assets/stylesheets/common/admin/flagging.scss
@@ -191,7 +191,7 @@
   }
 }
 
-.flag-counts {
+div.flag-counts {
   display: inline-block;
   margin-right: 0.5em;
 
@@ -204,9 +204,16 @@
 .flagged-topic {
   td.topic-title {
     width: 400px;
+
+    .combined-title {
+      .d-icon {
+        margin-right: 0.5em;
+      }
+      display: flex;
+    }
+
     a {
       width: 400px;
-      display: inline-block;
       text-overflow: ellipsis;
       overflow: hidden;
       white-space: nowrap;

GitHub sha: 8b3ddcf6

1 Like