Learn more button navigate

* Clicking learn more button navigates to dpdash page
AMP-SCZ · Jun 6, 2024 · 66d78cb · 66d78cb
1 parent 60f0ffa
commit 66d78cb
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/views/components/HeroCard/HeroCard.test.jsx b/views/components/HeroCard/HeroCard.test.jsx
@@ -33,4 +33,12 @@ describe('Hero Component', () => {
 
     expect(learnMoreButton).toBeDefined()
   })
+  test('Learn More button has href attribuates', () => {
+    const learnMoreButton = screen.getByText('Learn More')
+
+    expect(learnMoreButton).toHaveAttribute(
+      'href',
+      'https://sites.google.com/g.harvard.edu/dpdash/'
+    )
+  })
 })
diff --git a/views/components/HeroCard/index.jsx b/views/components/HeroCard/index.jsx
@@ -28,6 +28,9 @@ const HeroCard = () => {
           size="small"
           endIcon={<ArrowForwardOutlined />}
           variant="outlined"
+          href="https://sites.google.com/g.harvard.edu/dpdash/"
+          target="_blank"
+          rel="noopener noreferrer"
         >
           Learn More
         </Button>