fix(testimony): Fixing pagination for ViewTestimony component - at some point, we introduced a dependency on the total number of testimonies, which is only available on the Profile page's version of this component and not necessary for any rendering - this removes that unneeded dependency

Author: Mephistic

components/TestimonyCard/ViewTestimony.tsx

@@ -143,10 +143,7 @@ const ViewTestimony = (
                   ))}
 
                 {(pagination.hasPreviousPage || pagination.hasNextPage) && (
-                  <PaginationButtons
-                    pagination={pagination}
-                    totalItems={totalTestimonies}
-                  />
+                  <PaginationButtons pagination={pagination} />
                 )}
               </div>
             ) : (

components/table/PaginationButtons.tsx

@@ -1,6 +1,4 @@
 import {
-  faAngleLeft,
-  faAngleRight,
   faAngleDoubleLeft,
   faAngleDoubleRight
 } from "@fortawesome/free-solid-svg-icons"
@@ -16,21 +14,13 @@ export const PaginationButtons = ({
     nextPage,
     hasNextPage,
     previousPage,
-    hasPreviousPage,
-    itemsPerPage
-  },
-  totalItems
+    hasPreviousPage
+  }
 }: {
   pagination: Pagination
-  totalItems: number | undefined
 }) => {
   const { t } = useTranslation("common")
 
-  if (totalItems === undefined) {
-    return null
-  }
-  let currentPageEnd = Math.min(currentPage * itemsPerPage, totalItems)
-
   return (
     <div className="d-flex justify-content-center my-3">
       <PreviousStyle
@@ -43,23 +33,13 @@ export const PaginationButtons = ({
       <SpanStyle variant="secondary" className="align-self-center">
         {t("table.page", { currentPage })}
       </SpanStyle>
-      <NextStyle
-        variant="secondary"
-        onClick={nextPage}
-        disabled={!hasNextPage || currentPageEnd >= totalItems}
-      >
+      <NextStyle variant="secondary" onClick={nextPage} disabled={!hasNextPage}>
         <FontAwesomeIcon icon={faAngleDoubleRight} />
       </NextStyle>
     </div>
   )
 }
 
-const SetPageStyle = styled(Button)`
-  font-family: nunito;
-  background-color: #1a3185;
-  margin: 2px;
-  border-radius: 0;
-`
 const SpanStyle = styled(Button)`
   background-color: #1a3185;
   color: white;