app/views/pages/admin_dashboard.html.erb
<% title t('reports.admin_dashboard') %>
<% if @reports.count > 0 %>
<div class="title"><%= t('reports.reported_users') %></div>
<div class="gridTwo">
<% @reports.each do |report| %>
<div class="gridTwoItemBoxLight">
<div>
<strong><%= t('reports.reportee')%>:</strong> <%= link_to report.reportee.name, profile_index_path(uid: report.reportee.uid) %> (<%= link_to t('reports.ban_user'), add_ban_profile_index_path(user_id: report.reportee.id), method: :post %>)
</div>
<div>
<strong><%= t('reports.reporter')%>:</strong> <%= link_to report.reporter.name, profile_index_path(uid: report.reporter.uid) %> (<%= link_to t('reports.ban_user'), add_ban_profile_index_path(user_id: report.reporter.id), method: :post %>)
</div>
<div class="gridRowSpaceBetween smallMarginTop">
<%= react_component('Modal', props: {
element: "<button class=\"buttonDarkXS\">#{t('reports.reasons')}</button>",
title: t('reports.reasons'),
body: sanitize(report.reasons)
}) %>
<% if report.comment_id.present? %>
<%= react_component('Modal', props: {
element: "<button class=\"buttonDarkXS\">#{t('comment.singular')}</button>",
title: t('comment.singular'),
body: sanitize(report.comment.comment)
}) %>
<% end %>
</div>
<%= react_component('StoryDate', props: {
date: TimeAgo.created_or_edited(report)
}) %>
</div>
<% end %>
</div>
<% else %>
<div class="title">
<%= "#{t('no_text')} #{t('reports.reported_users')}".titleize %>
</div>
<% end %>
<% if @banned_users.exists? %>
<div class="title"><%= t('reports.banned_users') %></div>
<div class="gridTwo">
<% @banned_users.each do |user| %>
<div class="gridTwoItemBoxLight">
<%= link_to user.name, profile_index_path(uid: user.uid) %>
<div class="smallMarginTop">
<%= link_to t('reports.remove_ban'), remove_ban_profile_index_path(user_id: user.id), method: :post %>
</div>
</div>
<% end %>
</div>
<% else %>
<div class="title">
<%= "#{t('no_text')} #{t('reports.banned_users')}".titleize %>
</div>
<% end %>