app/views/users/events/index.html.erb
<div class="container-fluid bg-light">
<div class="container">
<div class="row">
<div class="col-md-12 mt-4 mb-2 pt-1">
<h2 class="text-center mt-2 mb-0">Upcoming Events</h2>
<% if !@events.empty? %>
<div class="row d-flex justify-content-center mt-2">
<%= render partial: "events/event", collection: @events %>
</div>
<% else %>
<h3 class="h5 text-center mt-4">
There are no upcoming events in your groups.
</h3>
<% end %>
<% if @events %>
<div class="row">
<div class="mx-auto mt-2rem mb-2rem">
<%= will_paginate @events,
:renderer => WillPaginate::ActionView::Bootstrap4LinkRenderer %>
</div>
</div>
<% end %>
</div>
</div>
</div>
</div>