mirror of
https://github.com/facebook/docusaurus.git
synced 2025-06-15 17:22:35 +02:00
83 lines
2.5 KiB
JavaScript
83 lines
2.5 KiB
JavaScript
/**
|
|
* Copyright (c) 2017-present, Facebook, Inc.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*/
|
|
|
|
import React, {useContext, useEffect} from 'react';
|
|
|
|
import DocsPaginator from '@theme/DocsPaginator'; // eslint-disable-line
|
|
import DocusaurusContext from '@docusaurus/context';
|
|
import Head from '@docusaurus/Head';
|
|
|
|
import styles from './styles.module.css';
|
|
|
|
function DocBody(props) {
|
|
const {metadata, content} = props;
|
|
const {language, version} = metadata;
|
|
const context = useContext(DocusaurusContext);
|
|
useEffect(() => {
|
|
context.setContext({metadata});
|
|
}, []);
|
|
|
|
const DocContents = content;
|
|
return (
|
|
<div className={styles.docBody}>
|
|
<Head>
|
|
{metadata && metadata.title && <title>{metadata.title}</title>}
|
|
{language && <html lang={language} />}
|
|
{language && <meta name="docsearch:language" content={language} />}
|
|
{version && <meta name="docsearch:version" content={version} />}
|
|
</Head>
|
|
<div className="container margin-vert--lg">
|
|
<div className="row">
|
|
<div className="col col--8">
|
|
<h1 className="margin-bottom--lg">{metadata.title}</h1>
|
|
<div className="markdown">
|
|
<DocContents />
|
|
</div>
|
|
<div className="margin-vert--lg">
|
|
<DocsPaginator />
|
|
</div>
|
|
</div>
|
|
<div className="col col--2 col--offset-1">
|
|
<ul className="contents contents__left-border">
|
|
<li>
|
|
<a className="contents__link" href="#url">
|
|
Dummy Text
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a className="contents__link" href="#url">
|
|
Dummy Text
|
|
</a>
|
|
<ul>
|
|
<li>
|
|
<a
|
|
className="contents__link contents__link--active"
|
|
href="#url">
|
|
Dummy Text
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a className="contents__link" href="#url">
|
|
Dummy Text
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a className="contents__link" href="#url">
|
|
Dummy Text
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default DocBody;
|