Merge pull request #14934 from hellcp-work/report-notices

Show information about existing reports on the associated objects

src/api/app/components/bs_request_comment_component.html.haml

@@ -38,6 +38,7 @@
           = render(DiffSubjectComponent.new(state: diff['state'], old_filename: diff.dig('old', 'name'), new_filename: diff.dig('new', 'name')))
       = render(DiffComponent.new(diff: diff.dig('diff', '_content'), range:))
     .comment-bubble-content
+      = render ReportsNoticeComponent.new(reportable: comment, user: User.session)
       = helpers.render_as_markdown(comment)
 
     - if policy(comment).update?

src/api/app/components/reports_notice_component.html.haml

@@ -0,0 +1,6 @@
+.text-warning
+  %i.fas.fa-flag
+  - if by_user?
+    You reported this #{reportable_name}.
+  - else
+    This #{reportable_name} has #{report_amount}.

src/api/app/components/reports_notice_component.rb

@@ -0,0 +1,25 @@
+class ReportsNoticeComponent < ApplicationComponent
+  attr_reader :reportable, :reportable_name, :user, :reports
+
+  def initialize(reportable:, user:)
+    super
+
+    @reportable = reportable
+    @reportable_name = reportable.class.name.downcase
+    @user = user
+    @reports = reportable&.reports
+  end
+
+  def by_user?
+    Report.exists?(user:, reportable:)
+  end
+
+  def report_amount
+    pluralize(reports.count, 'report')
+  end
+
+  def render?
+    Flipper.enabled?(:content_moderation, user) &&
+      reports&.any? { |r| Pundit.policy(user, r).show? }
+  end
+end

src/api/app/views/webui/comment/_content.html.haml

@@ -17,6 +17,7 @@
           filename = sourcediff['filenames'][file_index.to_i]
         %p
           %i Inline comment for target: '#{target}', file: '#{filename}', and line: #{line_number}.
+    = render ReportsNoticeComponent.new(reportable: comment, user: User.session)
     = render_as_markdown(comment)
     - unless comment.commentable.is_a?(BsRequestAction)
       = render partial: 'webui/comment/reply', locals: { comment: comment, level: 0, commentable: commentable }

src/api/app/views/webui/package/_side_links.html.haml

@@ -30,3 +30,5 @@
   = render partial: 'webui/package/side_links/checkout_package', locals: { project: project, package: package }
 
   = render partial: 'webui/package/side_links/create_badge', locals: { project: project, package: package }
+
+  = render partial: 'webui/package/side_links/reports', locals: { package: package }

src/api/app/views/webui/package/side_links/_reports.haml

@@ -0,0 +1,4 @@
+- reports_component = ReportsNoticeComponent.new(reportable: package, user: User.session)
+- if reports_component.render?
+  %li
+    = render reports_component

src/api/app/views/webui/project/_side_links.html.haml

@@ -50,3 +50,7 @@
     %li
       %i.fa.fa-lock
       is locked
+  - reports_component = ReportsNoticeComponent.new(reportable: project, user: User.session)
+  - if reports_component.render?
+    %li
+      = render reports_component

src/api/app/views/webui/user/_basic_info.html.haml

@@ -4,6 +4,7 @@
 
 .basic-info
   .d-flex.flex-row-reverse
+    = render ReportsNoticeComponent.new(reportable: user, user: User.session)
     - if policy(Report.new(reportable: user)).create?
       = link_to('#', id: "js-user-#{user.id}", class: 'ps-2',
             data: { 'bs-toggle': 'modal',

src/api/spec/components/previews/reports_notice_component_preview.rb

@@ -0,0 +1,20 @@
+class ReportsNoticeComponentPreview < ViewComponent::Preview
+  # Preview at http://HOST:PORT/rails/view_components/reports_notice_component/user_reportable_as_admin
+  def user_reportable_as_admin
+    reportable = User.last
+    User.take(3).each do |user|
+      Report.new(reportable:, user:).save!
+    end
+    render(ReportsNoticeComponent.new(reportable:, user: User.admins.first))
+  end
+
+  # Preview at http://HOST:PORT/rails/view_components/reports_notice_component/user_reportable_as_reporter
+  def user_reportable_as_reporter
+    reportable = User.last
+    reporters = User.take(3)
+    reporters.each do |user|
+      Report.new(reportable:, user:).save!
+    end
+    render(ReportsNoticeComponent.new(reportable:, user: reporters.last))
+  end
+end