make Intake and Interest Form Link components more composable by add …

…a FormLinkButton sub-component
AlexsLemonade · Oct 11, 2024 · 084286c · 084286c
1 parent d5fa500
commit 084286c
Showing 1 changed file with 13 additions and 15 deletions.
diff --git 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