From d4fff5d11d8e4f235861bbf9bcaeab8ecb97f548 Mon Sep 17 00:00:00 2001
From: Corwin Smith <cssmittys@gmail.com>
Date: Sat, 8 Oct 2022 14:53:07 -0600
Subject: [PATCH] add pagination to builds

---
 src/pages/downloads.tsx | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/pages/downloads.tsx b/src/pages/downloads.tsx
index db2a47757a..e8eaeaea43 100644
--- a/src/pages/downloads.tsx
+++ b/src/pages/downloads.tsx
@@ -7,6 +7,7 @@ import {
   UnorderedList,
 } from '@chakra-ui/react';
 import type { NextPage } from 'next';
+import { useState } from 'react'
 
 import {
   DownloadsHero,
@@ -23,6 +24,9 @@ import { testDownloadData } from '../data/test/download-testdata'
 
 
 const DownloadsPage: NextPage = ({}) => {
+  const [amountStableReleases, updateAmountStables] = useState(10)
+  const [amountDevelopBuilds, updateAmountDevelopBuilds] = useState(10)
+
   return (
     <>
      {/* TODO: add PageMetadata */}
@@ -97,10 +101,12 @@ const DownloadsPage: NextPage = ({}) => {
           </Stack>
 
           {/* TODO: swap test data for real data */}
-          <DownloadsTable data={testDownloadData}/>
+          <DownloadsTable data={testDownloadData.slice(0, amountStableReleases)}/>
 
           <Stack sx={{ mt: '0 !important' }}>
-            <Link as='button' variant='secondary'>
+            <Link as='button' variant='secondary' onClick={() => {
+              updateAmountStables(amountStableReleases+10)
+            }}>
               <Text
                 fontFamily='"JetBrains Mono", monospace'
                 // TODO: move to theme colors
@@ -130,10 +136,12 @@ const DownloadsPage: NextPage = ({}) => {
           </Stack>
 
          {/* TODO: swap for real data */}
-          <DownloadsTable data={testDownloadData} />
+          <DownloadsTable data={testDownloadData.slice(0, amountDevelopBuilds)} />
 
           <Stack sx={{ mt: '0 !important' }}>
-            <Link as='button' variant='secondary'>
+            <Link as='button' variant='secondary' onClick={() => {
+              updateAmountDevelopBuilds(amountDevelopBuilds+10)
+            }}>
               <Text
                 fontFamily='"JetBrains Mono", monospace'
                 // TODO: move to theme colors