Show pagination when count is undefined

presleyp · presleyp · commit 20d5672bd95b · 2022-10-27T15:32:20.000Z
diff --git a/site/src/components/PaginationWidget/PaginationWidget.tsx b/site/src/components/PaginationWidget/PaginationWidget.tsx
@@ -34,12 +34,12 @@ export const PaginationWidget = ({
   const currentPage = paginationState.context.page
   const numRecordsPerPage = paginationState.context.limit
 
-  const numPages = numRecords ? Math.ceil(numRecords / numRecordsPerPage) : 0
+  const numPages = numRecords ? Math.ceil(numRecords / numRecordsPerPage) : undefined
   const firstPageActive = currentPage === 1 && numPages !== 0
   const lastPageActive = currentPage === numPages && numPages !== 0
 
   // No need to display any pagination if we know the number of pages is 1 or 0
-  if (numPages <= 1 || numRecords === 0) {
+  if (numPages && numPages <= 1 || numRecords === 0) {
     return null
   }
 
@@ -54,7 +54,7 @@ export const PaginationWidget = ({
         <KeyboardArrowLeft />
         <div>{prevLabel}</div>
       </Button>
-      <Maybe condition={numPages > 0}>
+      <Maybe condition={numPages !== undefined}>
         <ChooseOne>
           <Cond condition={isMobile}>
             <PageButton
@@ -64,7 +64,7 @@ export const PaginationWidget = ({
             />
           </Cond>
           <Cond>
-            {buildPagedList(numPages, currentPage).map((page) =>
+            {numPages && buildPagedList(numPages, currentPage).map((page) =>
               typeof page !== "number" ? (
                 <PageButton
                   key={`Page${page}`}
