From 3cc05cf7f8172aaaeded9b824dc0f16ae4259e16 Mon Sep 17 00:00:00 2001
From: Maggie Ghamry <46542915+maggieghamry@users.noreply.github.com>
Date: Mon, 13 Apr 2020 15:43:20 -0400
Subject: [PATCH] Update to pagination for workpad and templates (#62050)
 (#63384)

Added logic to hide pagination if no Canvas workpads exists, and disable the previous/next arrows if there is only one page, for both workapds and templates
---
 .../components/workpad_loader/workpad_loader.js  | 16 +++++++++++-----
 .../workpad_templates/workpad_templates.js       | 12 +++++++-----
 2 files changed, 18 insertions(+), 10 deletions(-)

diff --git a/x-pack/legacy/plugins/canvas/public/components/workpad_loader/workpad_loader.js b/x-pack/legacy/plugins/canvas/public/components/workpad_loader/workpad_loader.js
index 9b30b3e1ec7ca5..30d4ded8571c59 100644
--- a/x-pack/legacy/plugins/canvas/public/components/workpad_loader/workpad_loader.js
+++ b/x-pack/legacy/plugins/canvas/public/components/workpad_loader/workpad_loader.js
@@ -266,11 +266,17 @@ export class WorkpadLoader extends React.PureComponent {
             data-test-subj="canvasWorkpadLoaderTable"
           />
           <EuiSpacer />
-          <EuiFlexGroup gutterSize="none" justifyContent="flexEnd">
-            <EuiFlexItem grow={false}>
-              <EuiPagination activePage={pageNumber} onPageClick={setPage} pageCount={totalPages} />
-            </EuiFlexItem>
-          </EuiFlexGroup>
+          {rows.length > 0 && (
+            <EuiFlexGroup gutterSize="none" justifyContent="flexEnd">
+              <EuiFlexItem grow={false}>
+                <EuiPagination
+                  activePage={pageNumber}
+                  onPageClick={setPage}
+                  pageCount={totalPages}
+                />
+              </EuiFlexItem>
+            </EuiFlexGroup>
+          )}
         </WorkpadDropzone>
       </Fragment>
     );
diff --git a/x-pack/legacy/plugins/canvas/public/components/workpad_templates/workpad_templates.js b/x-pack/legacy/plugins/canvas/public/components/workpad_templates/workpad_templates.js
index c80db544bf3702..a9a157f5675f8d 100644
--- a/x-pack/legacy/plugins/canvas/public/components/workpad_templates/workpad_templates.js
+++ b/x-pack/legacy/plugins/canvas/public/components/workpad_templates/workpad_templates.js
@@ -113,11 +113,13 @@ export class WorkpadTemplates extends React.PureComponent {
           className="canvasWorkpad__dropzoneTable canvasWorkpad__dropzoneTable--tags"
         />
         <EuiSpacer />
-        <EuiFlexGroup gutterSize="none" justifyContent="flexEnd">
-          <EuiFlexItem grow={false}>
-            <EuiPagination activePage={pageNumber} onPageClick={setPage} pageCount={totalPages} />
-          </EuiFlexItem>
-        </EuiFlexGroup>
+        {rows.length > 0 && (
+          <EuiFlexGroup gutterSize="none" justifyContent="flexEnd">
+            <EuiFlexItem grow={false}>
+              <EuiPagination activePage={pageNumber} onPageClick={setPage} pageCount={totalPages} />
+            </EuiFlexItem>
+          </EuiFlexGroup>
+        )}
       </Fragment>
     );
   };