Fix external links in Global Header

adobe · Sep 22, 2020 · c964281 · c964281
1 parent 8b2eb62
commit c964281
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/packages/gatsby-theme-parliament/src/components/GlobalHeader/index.js b/packages/gatsby-theme-parliament/src/components/GlobalHeader/index.js
@@ -230,7 +230,8 @@ const GlobalHeader = ({ globalNav, versions, pages, docs, location }) => {
                                           padding-top: var(--spectrum-global-dimension-size-100);
                                           padding-bottom: var(--spectrum-global-dimension-size-100);
                                         `}
-                                        href={page.path}>
+                                        href={page.path}
+                                        {...getExternalLinkProps(page.path)}>
                                         <Flex direction="column">
                                           <View>{page.title}</View>
                                           {page.description && (
@@ -267,7 +268,9 @@ const GlobalHeader = ({ globalNav, versions, pages, docs, location }) => {
                         {menu.sections[0].viewAll && (
                           <View marginTop="size-100" marginStart="size-200">
                             <Link isQuiet={true}>
-                              <a href={menu.sections[0].viewAll.path}>
+                              <a
+                                href={menu.sections[0].viewAll.path}
+                                {...getExternalLinkProps(menu.sections[0].viewAll.path)}>
                                 <strong>{menu.sections[0].viewAll.title}</strong>
                               </a>
                             </Link>
@@ -348,7 +351,7 @@ const GlobalHeader = ({ globalNav, versions, pages, docs, location }) => {
               />
               <View marginStart="size-400">
                 {docs && (
-                  <Button variant="primary" elementType="a" href={docs.path}>
+                  <Button variant="primary" elementType="a" href={docs.path} {...getExternalLinkProps(docs.path)}>
                     View Docs
                   </Button>
                 )}