From 084286c116a9ff5caca6bda9ea681ac915f33494 Mon Sep 17 00:00:00 2001
From: Avrohom Gottlieb <avrohomgottlieb511@gmail.com>
Date: Fri, 11 Oct 2024 13:25:15 -0400
Subject: [PATCH] make Intake and Interest Form Link components more composable
 by add a FormLinkButton sub-component

---
 client/src/pages/contribute.js | 28 +++++++++++++---------------
 1 file changed, 13 insertions(+), 15 deletions(-)

diff --git a/client/src/pages/contribute.js b/client/src/pages/contribute.js
index 0ee89401..c32f7244 100644
--- a/client/src/pages/contribute.js
+++ b/client/src/pages/contribute.js
@@ -29,23 +29,13 @@ const TableRow = styled(GrommetTableRow)`
   box-shadow: none !important;
 `
 
-const IntakeFormLink = () => (
+const FormLinkButton = ({ ...props }) => (
   <Button
-    href={config.links.contribute_hsform}
-    label="Complete the Intake Form"
-    margin={{ top: 'small', bottom: 'medium' }}
-    target="_blank"
-    primary
-  />
-)
-
-const InterestFormLink = () => (
-  <Button
-    href={config.links.contribute_interest_hsform}
-    label="Complete the Interest Form"
     margin={{ top: 'small', bottom: 'medium' }}
     target="_blank"
     primary
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    {...props}
   />
 )
 
@@ -102,10 +92,18 @@ export const Contribute = () => {
       }
     },
     IntakeFormLink: {
-      component: IntakeFormLink
+      component: FormLinkButton,
+      props: {
+        href: config.links.contribute_hsform,
+        label: 'Complete the Intake Form'
+      }
     },
     InterestFormLink: {
-      component: InterestFormLink
+      component: FormLinkButton,
+      props: {
+        href: config.links.contribute_interest_hsform,
+        label: 'Complete the Interest Form'
+      }
     },
     a: {
       component: Link