From 647b9621c560c6c9d4fab16db098502b986f01bd Mon Sep 17 00:00:00 2001
From: Liam <liam@fascinated.cc>
Date: Tue, 24 Oct 2023 13:38:15 +0100
Subject: [PATCH] add accessability to pagination

---
 src/components/Pagination.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/components/Pagination.tsx b/src/components/Pagination.tsx
index 0aca029..ad84a20 100644
--- a/src/components/Pagination.tsx
+++ b/src/components/Pagination.tsx
@@ -31,6 +31,7 @@ export default function Pagination(props: PaginationProps) {
               <button
                 className="px-3 py-1"
                 onClick={() => onPageChange(currentPage - 1)}
+                aria-label="Previous Page"
               >
                 <ArrowUturnLeftIcon width={20} height={20} />
               </button>
@@ -43,6 +44,7 @@ export default function Pagination(props: PaginationProps) {
                 <button
                   className="rounded-md bg-neutral-700 px-3 py-1 hover:opacity-80"
                   onClick={() => onPageChange(1)}
+                  aria-label="First Page"
                 >
                   1
                 </button>
@@ -60,6 +62,7 @@ export default function Pagination(props: PaginationProps) {
                     : "bg-neutral-700 hover:opacity-80"
                 }`}
                 onClick={() => onPageChange(pageNumber)}
+                aria-label={`Page ${pageNumber}`}
               >
                 {pageNumber}
               </button>
@@ -74,6 +77,7 @@ export default function Pagination(props: PaginationProps) {
                 <button
                   className="rounded-md bg-neutral-700 px-3 py-1 hover:opacity-80"
                   onClick={() => onPageChange(totalPages)}
+                  aria-label="Last Page"
                 >
                   {totalPages}
                 </button>
@@ -86,6 +90,7 @@ export default function Pagination(props: PaginationProps) {
               <button
                 className="px-3 py-1"
                 onClick={() => onPageChange(currentPage + 1)}
+                aria-label="Next Page"
               >
                 <ArrowUturnRightIcon width={20} height={20} />
               </button>