diff options
Diffstat (limited to 'packages/gitbook-plugin-search/src')
| -rw-r--r-- | packages/gitbook-plugin-search/src/components/Results.js | 24 | ||||
| -rw-r--r-- | packages/gitbook-plugin-search/src/index.js | 4 |
2 files changed, 16 insertions, 12 deletions
diff --git a/packages/gitbook-plugin-search/src/components/Results.js b/packages/gitbook-plugin-search/src/components/Results.js index d9ecc45..cccc501 100644 --- a/packages/gitbook-plugin-search/src/components/Results.js +++ b/packages/gitbook-plugin-search/src/components/Results.js @@ -11,10 +11,12 @@ const Result = React.createClass({ return ( <div className="Search-Result"> - <h3> - <GitBook.Link to={result.url}>{result.title}</GitBook.Link> - </h3> - <p>{result.body}</p> + <GitBook.InjectedComponent matching={{ role: 'search:result' }} props={{ result }}> + <h3> + <GitBook.Link to={result.url}>{result.title}</GitBook.Link> + </h3> + <p>{result.body}</p> + </GitBook.InjectedComponent> </div> ); } @@ -37,12 +39,14 @@ const SearchResults = React.createClass({ return ( <div className="Search-ResultsContainer"> - <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} />; - })} - </div> + <GitBook.InjectedComponent matching={{ role: 'search:results' }} props={{ results, query }}> + <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} />; + })} + </div> + </GitBook.InjectedComponent> </div> ); } diff --git a/packages/gitbook-plugin-search/src/index.js b/packages/gitbook-plugin-search/src/index.js index 298c088..f8c59aa 100644 --- a/packages/gitbook-plugin-search/src/index.js +++ b/packages/gitbook-plugin-search/src/index.js @@ -23,8 +23,8 @@ module.exports = GitBook.createPlugin({ dispatch(History.listen(onLocationChange)); // Register components - dispatch(Components.registerComponent(SearchInput, { role: 'search:input' })); - dispatch(Components.registerComponent(SearchResults, { role: 'search:results' })); + dispatch(Components.registerComponent(SearchInput, { role: 'search:container:input' })); + dispatch(Components.registerComponent(SearchResults, { role: 'search:container:results' })); }, reduce: reducers, actions: { |