From 2c48487c1765f9850ac587d3fb3c5bac4d0cc7ff Mon Sep 17 00:00:00 2001
From: misssn1998 <siennanguyen0503@gmail.com>
Date: Wed, 4 Sep 2024 13:34:18 +1200
Subject: [PATCH] fix pagination

---
 .../components/AlumniBoard/AlumniListing.tsx  | 26 ++++++++++++++-----
 1 file changed, 19 insertions(+), 7 deletions(-)

diff --git a/web/src/app/components/AlumniBoard/AlumniListing.tsx b/web/src/app/components/AlumniBoard/AlumniListing.tsx
index d3bac0e..0947bc5 100644
--- a/web/src/app/components/AlumniBoard/AlumniListing.tsx
+++ b/web/src/app/components/AlumniBoard/AlumniListing.tsx
@@ -74,13 +74,25 @@ const AlumniListing: FC<AlumniListingProp> = ({}) => {
         ))}
       </Grid>
       <Flex align="flex-end" justify="center">
-        <Pagination
-          total={Math.ceil(alumniList.length / alumniPerPage)} // automatically show elipse when pages > 8
-          value={activePage}
-          onChange={setActivePage}
-          size="lg"
-          mb="md"
-        />
+        {!isPortrait ? (
+          <Pagination
+            total={Math.ceil(alumniList.length / alumniPerPage)}
+            value={activePage}
+            onChange={setActivePage}
+            size="lg"
+            mb="md"
+          />
+        ) : (
+          <Pagination
+            total={Math.ceil(alumniList.length / alumniPerPage)}
+            boundaries={1}
+            siblings={0}
+            value={activePage}
+            onChange={setActivePage}
+            size="lg"
+            mb="md"
+          />
+        )}
       </Flex>
     </>
   );