First working version in the browser

2 files changed, 19 insertions, 2 deletions

diff --git a/packages/gitbook-plugin-theme-default/src/Toolbar.js b/packages/gitbook-plugin-theme-default/src/Toolbar.js
new file mode 100644
index 0000000..b3fd059
--- /dev/null
+++ b/packages/gitbook-plugin-theme-default/src/Toolbar.js
@@ -0,0 +1,15 @@
+const React = require('react');
+const GitBook = require('gitbook-core');
+
+const Toolbar = React.createClass({
+    render() {
+        return (
+            <div className="Toolbar book-toolbar">
+                <GitBook.InjectedComponentSet matching={{ role: 'toolbar:buttons:left' }} />
+                <GitBook.InjectedComponentSet matching={{ role: 'toolbar:buttons:right' }} />
+            </div>
+        );
+    }
+});
+
+module.exports = Toolbar;
diff --git a/packages/gitbook-plugin-theme-default/src/index.js b/packages/gitbook-plugin-theme-default/src/index.js
index 6499d5a..4b98a22 100644
--- a/packages/gitbook-plugin-theme-default/src/index.js
+++ b/packages/gitbook-plugin-theme-default/src/index.js
@@ -3,6 +3,7 @@ const GitBook = require('gitbook-core');
 
 const Sidebar = require('./Sidebar');
 const Page = require('./Page');
+const Toolbar = require('./Toolbar');
 
 let ThemeBody = React.createClass({
     propTypes: {
@@ -17,9 +18,10 @@ let ThemeBody = React.createClass({
             <div className="GitBook book">
                 <GitBook.Head
                     title={page.title}
-                    titleTemplate="%s - GitBook"
-                />
+                    titleTemplate="%s - GitBook" />
+                <GitBook.ImportCSS href="gitbook/gitbook-plugin-theme-default/theme.css" />
 
+                <Toolbar />
                 <Sidebar />
                 <Page page={page} />
                 {children}