Base api to use i18n

2 files changed, 13 insertions, 6 deletions

diff --git a/packages/gitbook-plugin-search/src/components/Input.js b/packages/gitbook-plugin-search/src/components/Input.js
index 71f8813..cf832b9 100644
--- a/packages/gitbook-plugin-search/src/components/Input.js
+++ b/packages/gitbook-plugin-search/src/components/Input.js
@@ -6,7 +6,8 @@ const search = require('../actions/search');
 const SearchInput = React.createClass({
     propTypes: {
         query:    React.PropTypes.string,
-        dispatch: React.PropTypes.func
+        i18n:     GitBook.Shapes.i18n,
+        dispatch: GitBook.Shapes.dispatch
     },
 
     onChange(event) {
@@ -17,11 +18,16 @@ const SearchInput = React.createClass({
     },
 
     render() {
-        const { query } = this.props;
+        const { i18n, query } = this.props;
 
         return (
             <div className="Search/Input">
-                <input type="text" value={query} onChange={this.onChange} />
+                <input
+                    type="text"
+                    value={query}
+                    placeholder={i18n.t('SEARCH_PLACEHOLDER')}
+                    onChange={this.onChange}
+                />
             </div>
         );
     }
diff --git a/packages/gitbook-plugin-search/src/components/Results.js b/packages/gitbook-plugin-search/src/components/Results.js
index dd2bb9c..53fc512 100644
--- a/packages/gitbook-plugin-search/src/components/Results.js
+++ b/packages/gitbook-plugin-search/src/components/Results.js
@@ -20,13 +20,14 @@ const Result = React.createClass({
 
 const SearchResults = React.createClass({
     propTypes: {
-        query:    React.PropTypes.string,
+        i18n:     GitBook.Shapes.i18n,
         results:  GitBook.Shapes.list,
+        query:    React.PropTypes.string,
         children: React.PropTypes.node
     },
 
     render() {
-        const { query, results, children } = this.props;
+        const { i18n, query, results, children } = this.props;
 
         if (!query) {
             return React.Children.only(children);
@@ -34,7 +35,7 @@ const SearchResults = React.createClass({
 
         return (
             <div className="Search/ResultsContainer">
-                <h1>Results for "{query}"</h1>
+                <h1>{i18n.t('SEARCH_RESULTS_TITLE', { query, count: results.size })}</h1>
                 <div className="Search/Results">
                     {results.map((result, i) => {
                         return <Result key={i} result={result} />;