🐛 Add remote support for header tabs

adobe · Nov 9, 2020 · 88bcb8d · 88bcb8d
1 parent 6fc307d
commit 88bcb8d
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/src/Header/index.js b/src/Header/index.js
@@ -27,6 +27,7 @@ import {
 import Menu from '@spectrum-icons/workflow/ShowMenu'
 
 import { useMediaQuery } from 'react-responsive'
+import isExternal from 'is-url-external'
 
 const stretched = css`
   height: 100%;
@@ -185,15 +186,23 @@ const Header = ({
                           }
                         : { className: 'spectrum-Tabs-item' }
 
-                    return (
+                    const label = (
+                      <span className='spectrum-Tabs-itemLabel'>{title}</span>
+                    )
+
+                    return isExternal(path) ? (
+                      <a href={path} className='spectrum-Tabs-item'>
+                        {label}
+                      </a>
+                    ) : (
                       <Link
                         key={i}
                         to={path}
                         ref={ref}
                         partiallyActive
                         getProps={isActive}
                       >
-                        <span className='spectrum-Tabs-itemLabel'>{title}</span>
+                        {label}
                       </Link>
                     )
                   })}