From 97cc5bdedfc18e9b894910b6cdc48c0d9ca48b6e Mon Sep 17 00:00:00 2001
From: kayela <kayela@konceptkit.com>
Date: Tue, 6 Jan 2026 12:17:03 -0600
Subject: [PATCH] Add pagination buttons for first and last pages in Members
 Directory

---
 src/pages/members/MembersDirectory.js | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/src/pages/members/MembersDirectory.js b/src/pages/members/MembersDirectory.js
index 411df25..b8666b9 100644
--- a/src/pages/members/MembersDirectory.js
+++ b/src/pages/members/MembersDirectory.js
@@ -569,6 +569,13 @@ const MembersDirectory = () => {
             Showing {pageStart + 1}–{Math.min(pageStart + pageSize, filteredMembers.length)} of {filteredMembers.length}
           </p>
           <div className="flex flex-wrap items-center justify-center gap-2">
+            <Button
+              onClick={() => setCurrentPage(1)}
+              disabled={currentPage === 1}
+              className="bg-[#DDD8EB] rounded-full text-[#422268] hover:bg-[#664fa3] hover:text-white"
+            >
+              First Page
+            </Button>
             <Button
               onClick={() => setCurrentPage((page) => Math.max(1, page - 1))}
               disabled={currentPage === 1}
@@ -602,6 +609,13 @@ const MembersDirectory = () => {
             >
               Next
             </Button>
+            <Button
+              onClick={() => setCurrentPage(totalPages)}
+              disabled={currentPage === totalPages}
+              className="bg-[#DDD8EB] text-[#422268] hover:bg-[#664fa3] rounded-full hover:text-white"
+            >
+              Last Page
+            </Button>
           </div>
         </div>
       )}