mirror of
https://github.com/GitbookIO/gitbook.git
synced 2026-09-24 03:16:40 +00:00
Samy Pesse
52 lines
1.7 KiB
JavaScript
52 lines
1.7 KiB
JavaScript
const GitBook = require('gitbook-core');
|
|
const { React } = GitBook;
|
|
|
|
const Sidebar = require('./Sidebar');
|
|
const Body = require('./Body');
|
|
const LoadingBar = require('./LoadingBar');
|
|
|
|
const Theme = React.createClass({
|
|
propTypes: {
|
|
// State
|
|
page: GitBook.PropTypes.Page,
|
|
summary: GitBook.PropTypes.Summary,
|
|
readme: GitBook.PropTypes.Readme,
|
|
history: GitBook.PropTypes.History,
|
|
sidebar: React.PropTypes.object,
|
|
// Other props
|
|
children: React.PropTypes.node
|
|
},
|
|
|
|
render() {
|
|
const { page, summary, children, sidebar, readme, history } = this.props;
|
|
|
|
return (
|
|
<GitBook.FlexLayout column className="GitBook book">
|
|
<LoadingBar show={history.loading} />
|
|
<GitBook.Head
|
|
title={page.title}
|
|
titleTemplate="%s - GitBook" />
|
|
<GitBook.ImportCSS href="gitbook/theme-default/theme.css" />
|
|
|
|
<GitBook.FlexBox>
|
|
<GitBook.FlexLayout>
|
|
{sidebar.open ? (
|
|
<GitBook.FlexBox col={3}>
|
|
<Sidebar summary={summary} />
|
|
</GitBook.FlexBox>
|
|
) : null}
|
|
<GitBook.FlexBox col={sidebar.open ? 9 : 12}>
|
|
<Body page={page} readme={readme} />
|
|
</GitBook.FlexBox>
|
|
</GitBook.FlexLayout>
|
|
</GitBook.FlexBox>
|
|
{children}
|
|
</GitBook.FlexLayout>
|
|
);
|
|
}
|
|
});
|
|
|
|
module.exports = GitBook.connect(Theme, ({page, summary, sidebar, readme, history}) => {
|
|
return { page, summary, sidebar, readme, history };
|
|
});
|