From a1b31a316b70703f4845575b0235f9dff9dfee92 Mon Sep 17 00:00:00 2001
From: Corwin Smith <cssmittys@gmail.com>
Date: Fri, 7 Oct 2022 18:48:57 -0600
Subject: [PATCH] small prop refactor

---
 .../UI/downloads/DownloadsTable.tsx           | 19 ++++++++++++-------
 src/pages/downloads.tsx                       |  8 ++++++--
 2 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/src/components/UI/downloads/DownloadsTable.tsx b/src/components/UI/downloads/DownloadsTable.tsx
index 38ba2a7cd5..1bed002b33 100644
--- a/src/components/UI/downloads/DownloadsTable.tsx
+++ b/src/components/UI/downloads/DownloadsTable.tsx
@@ -7,12 +7,17 @@ import {
   TabPanel,
   TabPanels,
 } from '@chakra-ui/react';
+import { FC } from 'react';
 
 import { DataTable } from '../DataTable'
 
-import { testDownloadData } from '../../../data/test/download-testdata'
+interface Props {
+  data: any
+}
 
-export const DownloadsTable = () => {
+export const DownloadsTable: FC<Props> = ({
+  data
+}) => {
   return (
     <Stack sx={{ mt: '0 !important' }} borderBottom='2px solid #11866f'>
       <Tabs variant='unstyled'>
@@ -132,7 +137,7 @@ export const DownloadsTable = () => {
                 'Size',
                 'Published'
               ]}
-              data={testDownloadData}
+              data={data}
             />
           </TabPanel>
           <TabPanel p={0}>
@@ -145,7 +150,7 @@ export const DownloadsTable = () => {
                 'Size',
                 'Published'
               ]}
-              data={testDownloadData}
+              data={data}
             />
           </TabPanel>
           <TabPanel p={0}>
@@ -158,7 +163,7 @@ export const DownloadsTable = () => {
                 'Size',
                 'Published'
               ]}
-              data={testDownloadData}
+              data={data}
             />
           </TabPanel>
           <TabPanel p={0}>
@@ -171,7 +176,7 @@ export const DownloadsTable = () => {
                 'Size',
                 'Published'
               ]}
-              data={testDownloadData}
+              data={data}
             />
           </TabPanel>
           <TabPanel p={0}>
@@ -184,7 +189,7 @@ export const DownloadsTable = () => {
                 'Size',
                 'Published'
               ]}
-              data={testDownloadData}
+              data={data}
             />
           </TabPanel>
         </TabPanels>
diff --git a/src/pages/downloads.tsx b/src/pages/downloads.tsx
index db6f09d421..937d989bca 100644
--- a/src/pages/downloads.tsx
+++ b/src/pages/downloads.tsx
@@ -20,6 +20,8 @@ import {
   GETH_REPO_URL
 } from '../constants'
 
+import { testDownloadData } from '../data/test/download-testdata'
+
 
 const DownloadsPage: NextPage = ({}) => {
   return (
@@ -109,7 +111,8 @@ const DownloadsPage: NextPage = ({}) => {
             </Text>
           </Stack>
 
-          <DownloadsTable />
+          {/* TODO: swap test data for real data */}
+          <DownloadsTable data={testDownloadData}/>
 
           <Stack sx={{ mt: '0 !important' }}>
             <Button
@@ -160,7 +163,8 @@ const DownloadsPage: NextPage = ({}) => {
             </Text>
           </Stack>
 
-          <DownloadsTable />
+         {/* TODO: swap for real data */}
+          <DownloadsTable data={testDownloadData} />
 
           <Stack sx={{ mt: '0 !important' }}>
             <Button