Integrate search in default theme

1 files changed, 19 insertions, 11 deletions

diff --git a/packages/gitbook-plugin-search/src/components/Results.js b/packages/gitbook-plugin-search/src/components/Results.js
index 3f53741..dd2bb9c 100644
--- a/packages/gitbook-plugin-search/src/components/Results.js
+++ b/packages/gitbook-plugin-search/src/components/Results.js
@@ -20,26 +20,34 @@ const Result = React.createClass({
 
 const SearchResults = React.createClass({
     propTypes: {
-        results: GitBook.Shapes.list
+        query:    React.PropTypes.string,
+        results:  GitBook.Shapes.list,
+        children: React.PropTypes.node
     },
 
     render() {
-        const { results } = this.props;
+        const { query, results, children } = this.props;
+
+        if (!query) {
+            return React.Children.only(children);
+        }
 
         return (
-            <div className="Search/Results">
-                {results.map((result, i) => {
-                    return <Result key={i} result={result} />;
-                })}
+            <div className="Search/ResultsContainer">
+                <h1>Results for "{query}"</h1>
+                <div className="Search/Results">
+                    {results.map((result, i) => {
+                        return <Result key={i} result={result} />;
+                    })}
+                </div>
             </div>
         );
     }
 });
 
-function mapStateToProps(state) {
-    return {
-        results: state.search.results
-    };
-}
+const mapStateToProps = (state) => {
+    const { results, query } = state.search;
+    return { results, query };
+};
 
 module.exports = GitBook.connect(SearchResults, mapStateToProps);