Update Page Header

CodeForAfrica · Sep 28, 2023 · 39e7f3e · 39e7f3e
1 parent deb3c39
commit 39e7f3e
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/apps/codeforafrica/src/components/ProjectPageHeader/ProjectPageHeader.snap.js b/apps/codeforafrica/src/components/ProjectPageHeader/ProjectPageHeader.snap.js
@@ -111,10 +111,12 @@ exports[`<ProjectPageHeader /> renders unchanged 1`] = `
           <div
             class="MuiCardActions-root MuiCardActions-spacing css-1jzc3k6-MuiCardActions-root"
           >
-            <button
-              class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium css-12dqrmj-MuiButtonBase-root-MuiButton-root"
+            <a
+              class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium active css-15w6lcd-MuiTypography-root-MuiLink-root-MuiButtonBase-root-MuiButton-root"
+              href="https://codeforafrica.org"
+              rel="noreferrer noopener"
               tabindex="0"
-              type="button"
+              target="_blank"
             >
               Launch Project
               <span
@@ -127,7 +129,7 @@ exports[`<ProjectPageHeader /> renders unchanged 1`] = `
                   viewbox="0 0 24 24"
                 />
               </span>
-            </button>
+            </a>
           </div>
         </div>
       </div>

diff --git a/apps/codeforafrica/src/components/ProjectPageHeader/ProjectPageHeader.test.js b/apps/codeforafrica/src/components/ProjectPageHeader/ProjectPageHeader.test.js
@@ -11,6 +11,7 @@ const render = createRender({ theme });
 const defaultProps = {
   href: "/projects/test-project",
   tag: "Iniatives",
+  externalLink: { href: "https://codeforafrica.org" },
 };
 
 describe("<ProjectPageHeader />", () => {