summaryrefslogtreecommitdiffstats
path: root/packages/gitbook-plugin-search/src/components/Results.js
diff options
context:
space:
mode:
Diffstat (limited to 'packages/gitbook-plugin-search/src/components/Results.js')
-rw-r--r--packages/gitbook-plugin-search/src/components/Results.js24
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>
);
}