fix(InfiniteHits): set the correct class for the last page (#3232)

src/components/InfiniteHits/InfiniteHits.js

@@ -43,18 +43,15 @@ const InfiniteHits = ({
         ))}
       </ol>
 
-      {isLastPage ? (
-        <button disabled className={cssClasses.loadMore}>
-          {loadMoreLabel}
-        </button>
-      ) : (
-        <button
-          onClick={showMore}
-          className={cx(cssClasses.loadMore, cssClasses.disabledLoadMore)}
-        >
-          {loadMoreLabel}
-        </button>
-      )}
+      <button
+        className={cx(cssClasses.loadMore, {
+          [cssClasses.disabledLoadMore]: isLastPage,
+        })}
+        disabled={isLastPage}
+        onClick={showMore}
+      >
+        {loadMoreLabel}
+      </button>
     </div>
   );
 };

src/components/InfiniteHits/__tests__/__snapshots__/InfiniteHits-test.js.snap

@@ -25,7 +25,8 @@ exports[`InfiniteHits markup should render <InfiniteHits /> on first page 1`] =
     />
   </ol>
   <button
-    className="loadMore disabledLoadMore"
+    className="loadMore"
+    disabled={false}
   />
 </div>
 `;
@@ -55,7 +56,7 @@ exports[`InfiniteHits markup should render <InfiniteHits /> on last page 1`] = `
     />
   </ol>
   <button
-    className="loadMore"
+    className="loadMore disabledLoadMore"
     disabled={true}
   />
 </div>