From cb7edda148462dcc8f7d18ca58ca366439fa0b28 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Mierzwa?= <l.mierzwa@gmail.com>
Date: Tue, 31 Mar 2020 14:38:27 +0100
Subject: [PATCH] fix(ui): don't render load more button when grid is collapsed

---
 ui/src/Components/Grid/AlertGrid/Grid.js | 32 +++++++++++++-----------
 1 file changed, 18 insertions(+), 14 deletions(-)

diff --git a/ui/src/Components/Grid/AlertGrid/Grid.js b/ui/src/Components/Grid/AlertGrid/Grid.js
index 3b009690f..6fbf1bf6c 100644
--- a/ui/src/Components/Grid/AlertGrid/Grid.js
+++ b/ui/src/Components/Grid/AlertGrid/Grid.js
@@ -241,20 +241,24 @@ const Grid = observer(
                   ))
               : []}
           </MasonryInfiniteScroller>
-          {grid.alertGroups.length > this.groupsToRender.value && (
-            <div className="d-flex flex-row justify-content-between">
-              <span className="flex-shrink-1 flex-grow-1 text-center">
-                <button
-                  type="button"
-                  className="btn btn-secondary mb-3"
-                  onClick={this.loadMore}
-                >
-                  <FontAwesomeIcon className="mr-2" icon={faAngleDoubleDown} />
-                  Load more
-                </button>
-              </span>
-            </div>
-          )}
+          {this.gridToggle.show &&
+            grid.alertGroups.length > this.groupsToRender.value && (
+              <div className="d-flex flex-row justify-content-between">
+                <span className="flex-shrink-1 flex-grow-1 text-center">
+                  <button
+                    type="button"
+                    className="btn btn-secondary mb-3"
+                    onClick={this.loadMore}
+                  >
+                    <FontAwesomeIcon
+                      className="mr-2"
+                      icon={faAngleDoubleDown}
+                    />
+                    Load more
+                  </button>
+                </span>
+              </div>
+            )}
         </React.Fragment>
       );
     }