diff --git a/app/assets/javascripts/discourse/app/components/reviewable-item.js b/app/assets/javascripts/discourse/app/components/reviewable-item.js index ff5021097e..39cfd92faa 100644 --- a/app/assets/javascripts/discourse/app/components/reviewable-item.js +++ b/app/assets/javascripts/discourse/app/components/reviewable-item.js @@ -19,9 +19,19 @@ export default Component.extend({ editing: false, _updates: null, - @discourseComputed("reviewable.type") - customClass(type) { - return type.dasherize(); + @discourseComputed( + "reviewable.type", + "siteSettings.blur_tl0_flagged_posts_media", + "reviewable.target_created_by_trust_level" + ) + customClasses(type, blurEnabled, trustLevel) { + let classes = type.dasherize(); + + if (blurEnabled && trustLevel === 0) { + classes = `${classes} blur-images`; + } + + return classes; }, @discourseComputed( diff --git a/app/assets/javascripts/discourse/app/templates/components/reviewable-item.hbs b/app/assets/javascripts/discourse/app/templates/components/reviewable-item.hbs index 3df7b43133..79f25ca62c 100644 --- a/app/assets/javascripts/discourse/app/templates/components/reviewable-item.hbs +++ b/app/assets/javascripts/discourse/app/templates/components/reviewable-item.hbs @@ -1,4 +1,4 @@ -