fix(docz-theme-default): use docz link when href is internal

Author: pedronauck

packages/docz-theme-default/src/components/ui/Link.tsx

@@ -1,6 +1,9 @@
+import * as React from 'react'
+import { SFC } from 'react'
 import styled from 'react-emotion'
+import { Link as BaseLink } from 'docz'
 
-export const Link = styled('a')`
+export const LinkStyled = styled('a')`
   &,
   &:visited,
   &:active {
@@ -12,3 +15,16 @@ export const Link = styled('a')`
     color: ${p => p.theme.docz.colors.link};
   }
 `
+
+type LinkProps = React.AnchorHTMLAttributes<any>
+
+export const Link: SFC<LinkProps> = ({ href, ...props }) => {
+  const isInternal = href && href.startsWith('/')
+  const Component = isInternal ? LinkStyled.withComponent(BaseLink) : LinkStyled
+
+  return isInternal ? (
+    <Component {...props} to={href} />
+  ) : (
+    <Component {...props} href={href} />
+  )
+}