diff options
| author | Samy Pesse <samypesse@gmail.com> | 2016-10-01 17:43:10 +0200 |
|---|---|---|
| committer | Samy Pesse <samypesse@gmail.com> | 2016-10-01 23:11:50 +0200 |
| commit | 8be4cbc8875e708b1a62035fb91652b891e540ac (patch) | |
| tree | 775c72497603bdb3d593cc0228c9f6dff19ca3e2 /packages/gitbook-plugin-theme-default/src/components/Theme.js | |
| parent | 32556e672431e9766388747285d69e65130013c0 (diff) | |
| download | gitbook-8be4cbc8875e708b1a62035fb91652b891e540ac.zip gitbook-8be4cbc8875e708b1a62035fb91652b891e540ac.tar.gz gitbook-8be4cbc8875e708b1a62035fb91652b891e540ac.tar.bz2 | |
Add action I18n.registerLocales and locales for default theme
Diffstat (limited to 'packages/gitbook-plugin-theme-default/src/components/Theme.js')
| -rw-r--r-- | packages/gitbook-plugin-theme-default/src/components/Theme.js | 47 |
1 files changed, 47 insertions, 0 deletions
diff --git a/packages/gitbook-plugin-theme-default/src/components/Theme.js b/packages/gitbook-plugin-theme-default/src/components/Theme.js new file mode 100644 index 0000000..b71e409 --- /dev/null +++ b/packages/gitbook-plugin-theme-default/src/components/Theme.js @@ -0,0 +1,47 @@ +const GitBook = require('gitbook-core'); +const { React } = GitBook; + +const Sidebar = require('./Sidebar'); +const Body = require('./Body'); + +const Theme = React.createClass({ + propTypes: { + // State + page: GitBook.Shapes.Page, + summary: GitBook.Shapes.Summary, + sidebar: React.PropTypes.object, + // Other props + children: React.PropTypes.node + }, + + render() { + const { page, summary, children, sidebar } = this.props; + + return ( + <GitBook.FlexLayout column className="GitBook book"> + <GitBook.Head + title={page.title} + titleTemplate="%s - GitBook" /> + <GitBook.ImportCSS href="gitbook/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} /> + </GitBook.FlexBox> + </GitBook.FlexLayout> + </GitBook.FlexBox> + {children} + </GitBook.FlexLayout> + ); + } +}); + +module.exports = GitBook.connect(Theme, ({page, summary, sidebar}) => { + return { page, summary, sidebar }; +}); |