From 522996db84b4f32580849d5586f338e72ecc4baf Mon Sep 17 00:00:00 2001
From: Corwin Smith <cssmittys@gmail.com>
Date: Wed, 12 Oct 2022 19:45:55 -0500
Subject: [PATCH] change requests

---
 src/components/UI/downloads/DownloadsHero.tsx  |  4 ++--
 src/components/UI/downloads/DownloadsTable.tsx |  2 +-
 src/pages/downloads.tsx                        | 18 +++++++++++-------
 src/theme/components/Link.ts                   |  2 +-
 4 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/src/components/UI/downloads/DownloadsHero.tsx b/src/components/UI/downloads/DownloadsHero.tsx
index 86c7d605e1..67b30355be 100644
--- a/src/components/UI/downloads/DownloadsHero.tsx
+++ b/src/components/UI/downloads/DownloadsHero.tsx
@@ -56,10 +56,10 @@ export const DownloadsHero: FC<DownloadsHero> = ({
         </Text>
 
         {
-          Object.keys(DOWNLOAD_HEADER_BUTTONS).map((key: string, idx) => {
+          Object.keys(DOWNLOAD_HEADER_BUTTONS).map((key: string) => {
             return (
               <NextLink
-                key={idx}
+                key={key}
                 href={DOWNLOAD_HEADER_BUTTONS[key].buildURL}
                 passHref
               >
diff --git a/src/components/UI/downloads/DownloadsTable.tsx b/src/components/UI/downloads/DownloadsTable.tsx
index 3de100ff3b..6fc7288b35 100644
--- a/src/components/UI/downloads/DownloadsTable.tsx
+++ b/src/components/UI/downloads/DownloadsTable.tsx
@@ -38,7 +38,7 @@ export const DownloadsTable: FC<Props> = ({
             DOWNLOAD_TABS.map((tab, idx) => {
               return (
                 <Tab
-                  key={idx}
+                  key={tab}
                   w={'20%'}
                   p={4}
                   _selected={{
diff --git a/src/pages/downloads.tsx b/src/pages/downloads.tsx
index e073e4d220..72c098f71b 100644
--- a/src/pages/downloads.tsx
+++ b/src/pages/downloads.tsx
@@ -27,10 +27,18 @@ import { testDownloadData } from '../data/test/download-testdata'
 import { pgpBuildTestData } from '../data/test/pgpbuild-testdata';
 import { pgpDeveloperTestData } from '../data/test/pgpdeveloper-testdata';
 
-const DownloadsPage: NextPage = ({}) => {
+const DownloadsPage: NextPage = () => {
   const [amountStableReleases, updateAmountStables] = useState(DEFAULT_BUILD_AMOUNT_TO_SHOW)
   const [amountDevelopBuilds, updateAmountDevelopBuilds] = useState(DEFAULT_BUILD_AMOUNT_TO_SHOW)
 
+  const showMoreStableReleases = () => {
+    updateAmountStables(amountStableReleases+10)
+  }
+
+  const showMoreDevelopBuilds = () => {
+    updateAmountDevelopBuilds(amountDevelopBuilds+10)
+  }
+
   return (
     <>
      {/* TODO: add PageMetadata */}
@@ -108,9 +116,7 @@ const DownloadsPage: NextPage = ({}) => {
           <DownloadsTable data={testDownloadData.slice(0, amountStableReleases)}/>
 
           <Stack sx={{ mt: '0 !important' }}>
-            <Link as='button' variant='button-link-secondary' onClick={() => {
-              updateAmountStables(amountStableReleases+10)
-            }}>
+            <Link as='button' variant='button-link-secondary' onClick={showMoreStableReleases}>
               <Text
                 fontFamily='"JetBrains Mono", monospace'
                 fontWeight={700}
@@ -142,9 +148,7 @@ const DownloadsPage: NextPage = ({}) => {
           <DownloadsTable data={testDownloadData.slice(0, amountDevelopBuilds)} />
 
           <Stack sx={{ mt: '0 !important' }}>
-            <Link as='button' variant='button-link-secondary' onClick={() => {
-              updateAmountDevelopBuilds(amountDevelopBuilds+10)
-            }}>
+            <Link as='button' variant='button-link-secondary' onClick={showMoreDevelopBuilds}>
               <Text
                 fontFamily='"JetBrains Mono", monospace'
                 fontWeight={700}
diff --git a/src/theme/components/Link.ts b/src/theme/components/Link.ts
index 19f891399e..295f82f5ff 100644
--- a/src/theme/components/Link.ts
+++ b/src/theme/components/Link.ts
@@ -25,6 +25,6 @@ export const Link = {
         color: 'brand.light.secondary',
         textDecorationColor: 'brand.light.secondary'
       }
-    },
+    }
   }
 };