fix: update button disabling logic

Parkreiner · Parkreiner · commit 93d7e43d4794 · 2023-11-07T14:03:02.000Z
diff --git a/site/src/components/PaginationWidget/PaginationWidgetBase.tsx b/site/src/components/PaginationWidget/PaginationWidgetBase.tsx
@@ -21,14 +21,15 @@ export const PaginationWidgetBase = ({
 }: PaginationWidgetBaseProps): JSX.Element | null => {
   const theme = useTheme();
   const isMobile = useMediaQuery(theme.breakpoints.down("md"));
-  const numPages = Math.ceil(count / limit);
-  const isFirstPage = page === 0;
-  const isLastPage = page === numPages - 1;
 
+  const numPages = Math.ceil(count / limit);
   if (numPages < 2) {
     return null;
   }
 
+  const isFirstPage = page <= 1;
+  const isLastPage = page >= numPages;
+
   return (
     <div
       css={{
@@ -79,6 +80,7 @@ export const PaginationWidgetBase = ({
           );
         })
       )}
+
       <Button
         aria-label="Next page"
         disabled={isLastPage}
