mirror of
https://github.com/facebook/docusaurus.git
synced 2025-05-13 00:57:53 +02:00
feat: add home page for available routes
This commit is contained in:
parent
dc1e417db8
commit
36eee2941a
1 changed files with 19 additions and 0 deletions
|
@ -15,12 +15,31 @@ const renderDocs = props => {
|
|||
return <Docs content={metadata.content} {...props} />;
|
||||
};
|
||||
|
||||
const Home = () => {
|
||||
const showLink = path => (
|
||||
<li>
|
||||
<Link to={path}>{path}</Link>
|
||||
</li>
|
||||
);
|
||||
const blogLinks = blogMetadata.map(blog => showLink(blog.path));
|
||||
const docsLinks = docsMetadata.map(doc => showLink(doc.path));
|
||||
|
||||
return (
|
||||
<ul>
|
||||
{'Available Routes'}
|
||||
{blogLinks}
|
||||
{docsLinks}
|
||||
</ul>
|
||||
);
|
||||
};
|
||||
|
||||
class App extends React.Component {
|
||||
render() {
|
||||
return (
|
||||
<BrowserRouter>
|
||||
<div>
|
||||
<Switch>
|
||||
<Route exact path="/" component={Home} />
|
||||
{blogMetadata.map(({path, content}) => (
|
||||
<Route key={path} exact path={path} render={renderBlog} />
|
||||
))}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue