fix(docz): link component

doczjs · Jun 1, 2018 · 7626982 · 7626982
1 parent 05c4639
commit 7626982
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 18 deletions.
diff --git a/packages/docz-theme-default/src/components/shared/Sidebar/Menu.tsx b/packages/docz-theme-default/src/components/shared/Sidebar/Menu.tsx
@@ -52,7 +52,7 @@ export const Menu: SFC<MenuProps> = ({ menu, docs }) => (
             <dl>
               {docs.map(doc => (
                 <dt key={doc.id}>
-                  <Link to={doc.slug}>{doc.name}</Link>
+                  <Link to={doc.route}>{doc.name}</Link>
                 </dt>
               ))}
             </dl>

diff --git a/packages/docz-theme-default/src/components/shared/Sidebar/index.tsx b/packages/docz-theme-default/src/components/shared/Sidebar/index.tsx
@@ -101,7 +101,7 @@ export const Sidebar = () => (
           </ThemeConfig>
           <Menus>
             {docsWithoutMenu.map(doc => (
-              <Link key={doc.id} to={doc.slug}>
+              <Link key={doc.id} to={doc.route}>
                 {doc.name}
               </Link>
             ))}

diff --git a/packages/docz/src/components/Link.tsx b/packages/docz/src/components/Link.tsx
@@ -2,23 +2,9 @@ import * as React from 'react'
 import { SFC } from 'react'
 import { NavLink, NavLinkProps } from 'react-router-dom'
 
-import { dataContext, Entry } from '../theme'
-
-const findEntryBySlug = (to: any) => (entry: Entry) => entry.slug === to
-
 export const isActive = (match: any, location: any) =>
   match && match.url === location.pathname
 
-export const Link: SFC<NavLinkProps> = ({ to, ...props }) => (
-  <dataContext.Consumer>
-    {({ entries }) => {
-      const entriesArr = Object.values(entries || {})
-      const entry = entriesArr.find(findEntryBySlug(to))
-
-      return (
-        entry &&
-        entries && <NavLink isActive={isActive} {...props} to={entry.route} />
-      )
-    }}
-  </dataContext.Consumer>
+export const Link: SFC<NavLinkProps> = props => (
+  <NavLink isActive={isActive} {...props} />
 )