Merge #336

336: Fix react playground r=bidoubiwa a=mdubus

Replace Hits with InfiniteHits in the React Playground & fix image style which were overflowing


Co-authored-by: Morgane Dubus <[email protected]>

Author: bors[bot]

playgrounds/react/src/App.css

@@ -30,12 +30,14 @@ body {
   margin: 0 auto;
 }
 
-.ais-Hits-item {
+.ais-Hits-item,
+.ais-InfiniteHits-item {
   margin-bottom: 1em;
   width: calc(50% - 1rem);
 }
 
-.ais-Hits-item img {
+.ais-Hits-item img,
+.ais-InfiniteHits-item img {
   margin-right: 1em;
   width: 100%;
   height: 100%;

playgrounds/react/src/App.js

@@ -2,9 +2,8 @@ import 'instantsearch.css/themes/algolia-min.css'
 import React, { Component } from 'react'
 import {
   InstantSearch,
-  Hits,
+  InfiniteHits,
   SearchBox,
-  Pagination,
   Stats,
   Highlight,
   ClearRefinements,
@@ -57,8 +56,7 @@ class App extends Component {
           </div>
           <div className="right-panel">
             <SearchBox />
-            <Hits hitComponent={Hit} />
-            <Pagination showLast={true} />
+            <InfiniteHits hitComponent={Hit} />
           </div>
         </InstantSearch>
       </div>