1 <% if older_id || newer_id %>
 
   3 <% translation_scope ||= "shared.pagination.#{controller.controller_name}" %>
 
   4 <nav class="d-flex justify-content-between gap-2">
 
   5   <ul class="pagination">
 
   6     <%= pagination_item(newer_id && @params.merge(:before => nil, :after => nil),
 
   7                         t(:newest, :scope => translation_scope)) do %>
 
   8       <%= previous_page_svg_tag :class => "flex-shrink-0", :count => 2 %>
 
  11   <ul class="pagination">
 
  12     <%= pagination_item(newer_id && @params.merge(:before => nil, :after => newer_id),
 
  13                         t(:newer, :scope => translation_scope)) do %>
 
  14       <%= previous_page_svg_tag :class => "flex-shrink-0" %>
 
  15       <span class="d-none d-sm-block"><%= t :newer, :scope => translation_scope %></span>
 
  17     <%= pagination_item(older_id && @params.merge(:before => older_id, :after => nil),
 
  18                         t(:older, :scope => translation_scope)) do %>
 
  19       <span class="d-none d-sm-block"><%= t :older, :scope => translation_scope %></span>
 
  20       <%= next_page_svg_tag :class => "flex-shrink-0" %>
 
  23   <ul class="pagination">
 
  24     <%= pagination_item(older_id && @params.merge(:before => nil, :after => 0),
 
  25                         t(:oldest, :scope => translation_scope)) do %>
 
  26       <%= next_page_svg_tag :class => "flex-shrink-0", :count => 2 %>