From df31b8dd2e03bd0c1043c9f16b95f47eed6d2825 Mon Sep 17 00:00:00 2001
From: chapoi <101828855+chapoi@users.noreply.github.com>
Date: Sun, 2 Apr 2023 12:16:26 +0200
Subject: [PATCH] UX: reviewq flagging (#20913)

* DEV: add context question to flagged chat messages too

* UX: added -ai-flagged badge colour + grey fallback

* UX: add one more badge name
---
 .../discourse/app/components/reviewable-item.hbs           | 7 ++++++-
 app/assets/stylesheets/common/base/reviewables.scss        | 5 ++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/app/assets/javascripts/discourse/app/components/reviewable-item.hbs b/app/assets/javascripts/discourse/app/components/reviewable-item.hbs
index dc070a4a2ce..bd3619c0387 100644
--- a/app/assets/javascripts/discourse/app/components/reviewable-item.hbs
+++ b/app/assets/javascripts/discourse/app/components/reviewable-item.hbs
@@ -68,7 +68,12 @@
     {{/if}}
   </div>
 
-  {{#if (eq this.reviewable.type "ReviewableFlaggedPost")}}
+  {{#if
+    (or
+      (eq this.reviewable.type "ReviewableFlaggedPost")
+      (eq this.reviewable.type "ReviewableChatMessage")
+    )
+  }}
     {{#if (eq this.reviewable.status 0)}}
       <h3 class="reviewable-item__context-question">
         {{this.reviewable.flaggedPostContextQuestion}}
diff --git a/app/assets/stylesheets/common/base/reviewables.scss b/app/assets/stylesheets/common/base/reviewables.scss
index 8fd4da59624..3eaa39270cd 100644
--- a/app/assets/stylesheets/common/base/reviewables.scss
+++ b/app/assets/stylesheets/common/base/reviewables.scss
@@ -231,10 +231,13 @@
       font-size: var(--font-down-2);
       color: var(--secondary);
       border-radius: 8px;
+      background-color: var(--secondary-high);
       &.-flagged-post,
       &.-flagged-chat-message,
       &.-akismet-flagged-post,
-      &.-akismet-flagged-user {
+      &.-akismet-flagged-user,
+      &.-ai-flagged-post,
+      &.-ai-flagged-chat-message {
         background-color: var(--danger-medium);
       }
       &.-queued-post,