Search plugin should provide roles "search:results" and "search:result"

1 files changed, 14 insertions, 10 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>
         );
     }