From 57589e50e72c1441f4c6e7aabe156a1643d59c5c Mon Sep 17 00:00:00 2001
From: Tomek Marcinkowski <tmarcinkowski@logitech.com>
Date: Wed, 18 Aug 2021 07:34:50 +0200
Subject: [PATCH 1/2] max "search results per page" as a prop

---
 src/browser.js | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/browser.js b/src/browser.js
index 520ecc097..526f57f29 100644
--- a/src/browser.js
+++ b/src/browser.js
@@ -48,6 +48,7 @@ class RawFileBrowser extends React.Component {
     canFilter: PropTypes.bool.isRequired,
     showFoldersOnFilter: PropTypes.bool,
     noFilesMessage: PropTypes.string,
+    searchResultsPerPage: PropTypes.number,
 
     group: PropTypes.func.isRequired,
     sort: PropTypes.func.isRequired,
@@ -113,6 +114,7 @@ class RawFileBrowser extends React.Component {
     canFilter: true,
     showFoldersOnFilter: false,
     noFilesMessage: 'No files.',
+    searchResultsPerPage: SEARCH_RESULTS_PER_PAGE,
 
     group: GroupByFolder,
     sort: SortByName,
@@ -156,7 +158,7 @@ class RawFileBrowser extends React.Component {
     actionTargets: [],
 
     nameFilter: '',
-    searchResultsShown: SEARCH_RESULTS_PER_PAGE,
+    searchResultsShown: this.props.searchResultsPerPage,
 
     previewFile: null,
 
@@ -387,7 +389,7 @@ class RawFileBrowser extends React.Component {
   handleShowMoreClick = (event) => {
     event.preventDefault()
     this.setState(prevState => ({
-      searchResultsShown: prevState.searchResultsShown + SEARCH_RESULTS_PER_PAGE,
+      searchResultsShown: prevState.searchResultsShown + this.props.searchResultsPerPage,
     }))
   }
 
@@ -487,7 +489,7 @@ class RawFileBrowser extends React.Component {
   updateFilter = (newValue) => {
     this.setState({
       nameFilter: newValue,
-      searchResultsShown: SEARCH_RESULTS_PER_PAGE,
+      searchResultsShown: this.props.searchResultsPerPage,
     })
   }
 

From 25c4e8381290e72fb1b032541e31cee2be3d43d1 Mon Sep 17 00:00:00 2001
From: Tomek Marcinkowski <tmarcinkowski@logitech.com>
Date: Wed, 18 Aug 2021 07:47:29 +0200
Subject: [PATCH 2/2] additional classname for "show more results" link

---
 src/browser.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/browser.js b/src/browser.js
index 526f57f29..eccfc0c43 100644
--- a/src/browser.js
+++ b/src/browser.js
@@ -744,11 +744,12 @@ class RawFileBrowser extends React.Component {
             contents = contents.slice(0, this.state.searchResultsShown)
             if (numFiles > contents.length) {
               contents.push(
-                <tr key="show-more">
+                <tr key="show-more" className="show-more-row">
                   <td colSpan={100}>
                     <a
                       onClick={this.handleShowMoreClick}
                       href="#"
+                      className="show-more"
                     >
                       Show more results
                     </a>
@@ -797,6 +798,7 @@ class RawFileBrowser extends React.Component {
                 <a
                   onClick={this.handleShowMoreClick}
                   href="#"
+                  className="show-more"
                 >
                   Show more results
                 </a>