fix(Hits): handle the display when there is no result

algolia · Sep 21, 2015 · 544ff5c · 544ff5c
1 parent 97b1681
commit 544ff5c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/components/Hits.js b/components/Hits.js
@@ -14,16 +14,15 @@ class Hits extends React.Component {
 
   renderNoResults() {
     return (
-      <div><Template template={this.props.noResultsTemplate} /></div>
+      <div><Template data={this.props.results} template={this.props.noResultsTemplate} /></div>
     );
   }
 
   render() {
-    var renderedHits = map(this.props.hits, function(hit) {
-      return <Template data={hit} key={hit.objectID} template={this.props.hitTemplate} />;
-    }, this);
-
-    return <div>{renderedHits}</div>;
+    if (this.props.hits.length > 0) {
+      return this.renderWithResults();
+    }
+    return this.renderNoResults();
   }
 }
 

diff --git a/widgets/hits.js b/widgets/hits.js
@@ -13,6 +13,7 @@ function hits({container = null, templates = {}, hitsPerPage = 20}) {
       React.render(
         <Hits
           hits={results.hits}
+          results={results}
           helper={helper}
           noResultsTemplate={templates.empty}
           hitTemplate={templates.hit}