3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-05-28 08:27:03 +02:00
Code Issues Projects Releases Packages Wiki Activity

refactor(v2): use react hooks on root app (#1095)

Browse source 
* refactor(v2): use functional component + react hooks for App

* docusaurus/link

* nits

* review
This commit is contained in:
Endilie Yacop Sucipto 2018-11-08 10:23:07 +08:00 • committed by GitHub
parent 72d1fa2d2a
commit 8695ed89a6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
23 changed files with 65 additions and 58 deletions
Download patch file Download diff file Expand all files Collapse all files

22
v2/lib/theme/Navbar/index.js
View file

@ -6,8 +6,8 @@
*/
import React, {useContext} from 'react';
import {NavLink} from 'react-router-dom';
import Link from '@docusaurus/Link';
import Search from '@theme/Search';
import DocusaurusContext from '@docusaurus/context';
import styles from './styles.module.css';
@ -54,12 +54,12 @@ function Navbar(props) {
}
return (
<li key={link.doc} className={styles.navListItem}>
<NavLink
<Link
activeClassName={styles.navLinkActive}
className={styles.navLink}
to={docsMetadatas[id].permalink}>
{link.label}
</NavLink>
</Link>
</li>
);
}
@ -70,12 +70,12 @@ function Navbar(props) {
}`;
return (
<li key={link.page} className={styles.navListItem}>
<NavLink
<Link
activeClassName={styles.navLinkActive}
className={styles.navLink}
to={pageHref}>
{link.label}
</NavLink>
</Link>
</li>
);
}
@ -83,9 +83,9 @@ function Navbar(props) {
// set link to specified href
return (
<li key={link.label} className={styles.navListItem}>
<a href={link.href} className={styles.navLink}>
<Link to={link.href} className={styles.navLink}>
{link.label}
</a>
</Link>
</li>
);
}
@ -94,12 +94,12 @@ function Navbar(props) {
const blogUrl = `${baseUrl}blog`;
return (
<li key="Blog" className={styles.navListItem}>
<NavLink
<Link
activeClassName={styles.navLinkActive}
className={styles.navLink}
to={blogUrl}>
Blog
</NavLink>
</Link>
</li>
);
}
@ -111,14 +111,14 @@ function Navbar(props) {
<div className={styles.navbarInner}>
<ul className={styles.navList}>
<li key="logo" className={styles.navListItem}>
<NavLink className={styles.navBrand} to="/">
<Link className={styles.navBrand} to="/">
<img
alt="Docusaurus Logo"
className={styles.navLogo}
src={baseUrl + headerIcon}
/>
<strong>Docusaurus</strong>
</NavLink>
</Link>
</li>
{headerLinks.map(makeLinks)}
</ul>