-<div class='secondary-actions clearfix'>
- <span><%= link_to t('.older_comments') , { :page => @comment_pages.current.next} if @comment_pages.current.next %>
- <%= link_to t('.newer_comments'), { :page => @comment_pages.current.previous } if @comment_pages.current.previous %></span>
-</div>
+<% else %>
+ <table class="table table-striped" width="100%">
+ <thead>
+ <tr>
+ <th width="25%"><%= t ".post" %></th>
+ <th width="25%"><%= t ".when" %></th>
+ <th width="50%"><%= t ".comment" %></th>
+ </tr>
+ </thead>
+ <% @comments.each do |comment| -%>
+ <tr>
+ <td width="25%" class="<%= "text-body-secondary" unless comment.visible? %>"><%= link_to comment.diary_entry.title, diary_entry_path(comment.diary_entry.user, comment.diary_entry) %></td>
+ <td width="25%" class="<%= "text-body-secondary" unless comment.visible? %>">
+ <%= friendly_date_ago(comment.created_at) %>
+ </td>
+ <td width="50%" class="richtext text-break<%= " text-body-secondary" unless comment.visible? %>"><%= comment.body.to_html %></td>
+ </tr>
+ <% end -%>
+ </table>
+
+ <%= render "shared/pagination",
+ :newer_key => "diary_entries.comments.newer_comments",
+ :older_key => "diary_entries.comments.older_comments",
+ :newer_id => @newer_comments_id,
+ :older_id => @older_comments_id %>
+<% end -%>