From fcbdb248faa3ac4f4ec0c7e8fa868f71719f9d33 Mon Sep 17 00:00:00 2001
From: Jake Howard <git@theorangeone.net>
Date: Sun, 22 Oct 2023 16:07:04 +0100
Subject: [PATCH] Add pagination controls to hero buttons

---
 website/common/templates/common/listing_page.html | 11 ++++++++++-
 website/common/templates/common/pagination.html   |  8 ++++----
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/website/common/templates/common/listing_page.html b/website/common/templates/common/listing_page.html
index 9c40506..45bc1b9 100644
--- a/website/common/templates/common/listing_page.html
+++ b/website/common/templates/common/listing_page.html
@@ -1,6 +1,6 @@
 {% extends "common/content_page.html" %}
 
-{% load wagtailroutablepage_tags %}
+{% load wagtailroutablepage_tags wagtailadmin_tags %}
 
 {% block extra_head %}
   {{ block.super }}
@@ -9,6 +9,15 @@
 
 {% block hero_buttons %}
   <a class="button is-radiusless" href="{% routablepageurl page 'feed' %}" title="View feed"><i class="fas fa-rss" aria-hidden="true"></i></a>
+
+  {% if listing_pages.has_previous %}
+    <a class="button is-radiusless" href="{% querystring page=listing_pages.previous_page_number %}" title="Previous page"><i class="fas fa-arrow-left" aria-hidden="true"></i></a>
+  {% endif %}
+
+  {% if listing_pages.has_next %}
+    <a class="button is-radiusless" href="{% querystring page=listing_pages.next_page_number %}" title="Next page"><i class="fas fa-arrow-right" aria-hidden="true"></i></a>
+  {% endif %}
+
   {{ block.super }}
 {% endblock %}
 
diff --git a/website/common/templates/common/pagination.html b/website/common/templates/common/pagination.html
index 9232476..38c443f 100644
--- a/website/common/templates/common/pagination.html
+++ b/website/common/templates/common/pagination.html
@@ -2,15 +2,15 @@
 
 <nav class="pagination is-centered" role="navigation" aria-label="pagination">
   {% if page.has_previous %}
-    <a class="pagination-previous" href="{% querystring page=page.previous_page_number %}">&larr;</a>
+    <a class="pagination-previous" href="{% querystring page=page.previous_page_number %}"><i class="fas fa-arrow-left" aria-hidden="true"></i></a>
   {% else %}
-    <span class="pagination-previous is-disabled">&larr;</span>
+    <span class="pagination-previous is-disabled"><i class="fas fa-arrow-left" aria-hidden="true"></i></span>
   {% endif %}
 
   {% if page.has_next %}
-    <a class="pagination-next" href="{% querystring page=page.next_page_number %}">&rarr;</a>
+    <a class="pagination-next" href="{% querystring page=page.next_page_number %}"><i class="fas fa-arrow-right" aria-hidden="true"></i></a>
   {% else %}
-    <span class="pagination-next is-disabled">&rarr;</span>
+    <span class="pagination-next is-disabled"><i class="fas fa-arrow-right" aria-hidden="true"></i></span>
   {% endif %}
 
   <ul class="pagination-list">