packages/gitbook-plugin-theme-default/src/components/Toolbar.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

const React = require('react');
const GitBook = require('gitbook-core');

const sidebar = require('../actions/sidebar');

const Toolbar = React.createClass({
    propTypes: {
        dispatch: React.PropTypes.func
    },

    onToggle() {
        const { dispatch } = this.props;
        dispatch(sidebar.toggle());
    },

    render() {
        return (
            <div className="Toolbar book-toolbar">
                <GitBook.Button onClick={this.onToggle}>
                    <GitBook.Icon id="align-justify" />
                </GitBook.Button>
                <div className="Toolbar-left">
                    <GitBook.InjectedComponentSet matching={{ role: 'toolbar:buttons:left' }} />
                </div>
                <div className="Toolbar-right">
                    <GitBook.InjectedComponentSet matching={{ role: 'toolbar:buttons:right' }} />
                </div>
            </div>
        );
    }
});

module.exports = GitBook.connect(Toolbar);