- <h4><%= t '.recent_entries' %></h4>
-
- <% if @user %>
- <%= render :partial => 'diary_entry', :collection => @entries %>
- <% else %>
- <%= render :partial => 'diary_index_entry', :collection => @entries %>
- <% end %>
-
- <div class="pagination">
- <% if @entries.size < @page_size -%>
- <%= t('.older_entries') %>
- <% else -%>
- <%= link_to t('.older_entries'), @params.merge(:page => @page + 1 ) %>
- <% end -%>
-
- |
-
- <% if @page > 1 -%>
- <%= link_to t('.newer_entries'), @params.merge(:page => @page - 1) %>
- <% else -%>
- <%= t('.newer_entries') %>
- <% end -%>
- </div>
+ <h4><%= t ".recent_entries" %></h4>
+
+ <%= render @entries %>
+
+ <nav>
+ <ul class="pagination">
+ <% if @newer_entries -%>
+ <li class="page-item">
+ <%= link_to t(".newer_entries"), @params.merge(:after => @entries.first.id), :class => "page-link" %>
+ </li>
+ <% else -%>
+ <li class="page-item disabled">
+ <span class="page-link"><%= t(".newer_entries") %></span>
+ </li>
+ <% end -%>
+
+ <% if @older_entries -%>
+ <li class="page-item">
+ <%= link_to t(".older_entries"), @params.merge(:before => @entries.last.id), :class => "page-link" %>
+ </li>
+ <% else -%>
+ <li class="page-item disabled">
+ <span class="page-link"><%= t(".older_entries") %></span>
+ </li>
+ <% end -%>
+ </ul>
+ </nav>