From 13462646f6a7a8d4e37c6ff3c245c4ef7385f007 Mon Sep 17 00:00:00 2001
From: Laurent Nguyen <laurent.nguyen@microsoft.com>
Date: Tue, 23 Apr 2024 13:35:41 +0200
Subject: [PATCH] Don't show Load More if nothing to show

---
 .../Tabs/DocumentsTabV2/DocumentsTabV2.tsx    | 42 ++++++++++---------
 1 file changed, 22 insertions(+), 20 deletions(-)

diff --git a/src/Explorer/Tabs/DocumentsTabV2/DocumentsTabV2.tsx b/src/Explorer/Tabs/DocumentsTabV2/DocumentsTabV2.tsx
index 5264e033a..3fd7cd4a6 100644
--- a/src/Explorer/Tabs/DocumentsTabV2/DocumentsTabV2.tsx
+++ b/src/Explorer/Tabs/DocumentsTabV2/DocumentsTabV2.tsx
@@ -1459,12 +1459,12 @@ const DocumentsTabComponent: React.FunctionComponent<{
       <div
         className="tab-pane active"
         /* data-bind="
-                    setTemplateReady: true,
-                    attr:{
-                        id: tabId
-                    },
-                    visible: isActive"
-                    */
+                      setTemplateReady: true,
+                      attr:{
+                          id: tabId
+                      },
+                      visible: isActive"
+                      */
         role="tabpanel"
         style={{ display: "flex" }}
       >
@@ -1553,9 +1553,9 @@ const DocumentsTabComponent: React.FunctionComponent<{
                         onClick={() => refreshDocumentsGrid(true)}
                         disabled={!applyFilterButton.enabled}
                         /* data-bind="
-                                                click: refreshDocumentsGrid.bind($data, true),
-                                                enable: applyFilterButton.enabled"
-                                      */
+                                                  click: refreshDocumentsGrid.bind($data, true),
+                                                  enable: applyFilterButton.enabled"
+                                        */
                         aria-label="Apply filter"
                         tabIndex={0}
                       >
@@ -1567,9 +1567,9 @@ const DocumentsTabComponent: React.FunctionComponent<{
                         <button
                           className="filterbtnstyle queryButton"
                           /* data-bind="
-                                                  visible: !isPreferredApiMongoDB && isExecuting,
-                                                  click: onAbortQueryClick"
-                                        */
+                                                    visible: !isPreferredApiMongoDB && isExecuting,
+                                                    click: onAbortQueryClick"
+                                          */
                           aria-label="Cancel Query"
                           tabIndex={0}
                         >
@@ -1634,14 +1634,16 @@ const DocumentsTabComponent: React.FunctionComponent<{
                   size={tableContainerSizePx}
                   columnHeaders={columnHeaders}
                 />
-                <a
-                  className="loadMore"
-                  role="button"
-                  onClick={() => loadNextPage(false)}
-                  onKeyDown={() => loadNextPage(false)}
-                >
-                  Load more
-                </a>
+                {tableItems.length > 0 && (
+                  <a
+                    className="loadMore"
+                    role="button"
+                    onClick={() => loadNextPage(false)}
+                    onKeyDown={() => loadNextPage(false)}
+                  >
+                    Load more
+                  </a>
+                )}
               </div>
             </div>
             <div style={{ minWidth: "20%", width: "100%" }}>