diff --git a/app/assets/javascripts/admin/templates/components/flagged-post.hbs b/app/assets/javascripts/admin/templates/components/flagged-post.hbs index 4a832771a89..9bba9abfcd6 100644 --- a/app/assets/javascripts/admin/templates/components/flagged-post.hbs +++ b/app/assets/javascripts/admin/templates/components/flagged-post.hbs @@ -20,6 +20,10 @@
+
+ {{format-username flaggedPost.user.username}} +
+
{{#unless hideTitle}}

diff --git a/app/assets/stylesheets/common/admin/flagging.scss b/app/assets/stylesheets/common/admin/flagging.scss index e5fa38b9f55..8867439f466 100644 --- a/app/assets/stylesheets/common/admin/flagging.scss +++ b/app/assets/stylesheets/common/admin/flagging.scss @@ -42,6 +42,14 @@ width: 100%; word-wrap: break-word; + .flagged-post-user-details { + .username { + font-weight: bold; + color: $primary; + } + margin-bottom: 0.5em; + } + .d-icon { display: inline-block; } @@ -202,3 +210,4 @@ padding-right: 0.25em; } } + diff --git a/test/javascripts/acceptance/admin-flags-test.js.es6 b/test/javascripts/acceptance/admin-flags-test.js.es6 index bd01fd0d369..0be7e93b0a8 100644 --- a/test/javascripts/acceptance/admin-flags-test.js.es6 +++ b/test/javascripts/acceptance/admin-flags-test.js.es6 @@ -8,6 +8,7 @@ QUnit.test("flagged posts", assert => { assert.equal(find('.flagged-post .flag-user').length, 1, 'shows who flagged it'); assert.equal(find('.flagged-post-response').length, 2); assert.equal(find('.flagged-post-response:eq(0) img.avatar').length, 1); + assert.equal(find('.flagged-post-user-details .username').length, 1, 'shows the flagged username'); }); });