fix pagination

UoaWDCC · Sep 4, 2024 · 2c48487 · 2c48487
1 parent be04a4a
commit 2c48487
Showing 1 changed file with 19 additions and 7 deletions.
diff --git 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>
     </>
   );