Prepare showing page html

3 files changed, 52 insertions, 4 deletions

diff --git a/packages/gitbook-plugin-theme-default/src/Page.js b/packages/gitbook-plugin-theme-default/src/Page.js
new file mode 100644
index 0000000..dda8eba
--- /dev/null
+++ b/packages/gitbook-plugin-theme-default/src/Page.js
@@ -0,0 +1,20 @@
+const React = require('react');
+const GitBook = require('gitbook-core');
+
+const Page = React.createClass({
+    propTypes: {
+        page: GitBook.Shapes.Page
+    },
+
+    render() {
+        const { page } = this.props;
+
+        return (
+            <div className="Page page-wrapper">
+                <GitBook.HTMLContent html={page.content} />
+            </div>
+        );
+    }
+});
+
+module.exports = Page;
diff --git a/packages/gitbook-plugin-theme-default/src/Sidebar.js b/packages/gitbook-plugin-theme-default/src/Sidebar.js
new file mode 100644
index 0000000..2ff8854
--- /dev/null
+++ b/packages/gitbook-plugin-theme-default/src/Sidebar.js
@@ -0,0 +1,13 @@
+const React = require('react');
+
+const Sidebar = React.createClass({
+    render() {
+        return (
+            <div className="Sidebar book-summary">
+
+            </div>
+        );
+    }
+});
+
+module.exports = Sidebar;
diff --git a/packages/gitbook-plugin-theme-default/src/index.js b/packages/gitbook-plugin-theme-default/src/index.js
index 3630bbe..f85e6bc 100644
--- a/packages/gitbook-plugin-theme-default/src/index.js
+++ b/packages/gitbook-plugin-theme-default/src/index.js
@@ -1,21 +1,36 @@
 const React = require('react');
 const GitBook = require('gitbook-core');
 
-const ThemeBody = React.createClass({
+const Sidebar = require('./Sidebar');
+const Page = require('./Page');
+
+let ThemeBody = React.createClass({
+    propTypes: {
+        page: GitBook.Shapes.Page
+    },
+
     render() {
+        const { page } = this.props;
+
+        console.log('render theme', page);
         return (
-            <div>
+            <div className="GitBook book">
                 <GitBook.Head
-                    title={'Homepage'}
+                    title={page.title}
                     titleTemplate="%s - GitBook"
                 />
 
-                My Base theme for gitbook
+                <Sidebar />
+                <Page page={page} />
             </div>
         );
     }
 });
 
+ThemeBody = GitBook.connect(ThemeBody, ({page}) => {
+    return { page };
+});
+
 module.exports = GitBook.createPlugin((dispatch, state) => {
     dispatch(GitBook.registerComponent(ThemeBody, { role: 'Body' }));
 });