Fix anomaly results pagination (#180)

opendistro-for-elasticsearch · May 26, 2020 · 0e89217 · 0e89217
1 parent 1c05c82
commit 0e89217
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 9 deletions.
diff --git a/public/pages/DetectorResults/components/ListControls/ListControls.tsx b/public/pages/DetectorResults/components/ListControls/ListControls.tsx
@@ -27,13 +27,15 @@ export const ListControls = (props: ListControlsProps) => (
     alignItems="center"
     justifyContent="flexEnd"
   >
-    <EuiFlexItem grow={false}>
-      <EuiPagination
-        pageCount={props.pageCount}
-        activePage={props.activePage}
-        onPageClick={props.onPageClick}
-        data-test-subj="anomaliesPageControls"
-      />
-    </EuiFlexItem>
+    {props.pageCount > 1 ? (
+      <EuiFlexItem grow={false} style={{ justifyContent: 'center' }}>
+        <EuiPagination
+          pageCount={props.pageCount}
+          activePage={props.activePage}
+          onPageClick={props.onPageClick}
+          data-test-subj="anomaliesPageControls"
+        />
+      </EuiFlexItem>
+    ) : null}
   </EuiFlexGroup>
 );
diff --git a/public/pages/DetectorResults/containers/AnomalyResultsTable.tsx b/public/pages/DetectorResults/containers/AnomalyResultsTable.tsx
@@ -127,7 +127,7 @@ export function AnomalyResultsTable(props: AnomalyResultsTableProps) {
       <ListControls
         activePage={state.page}
         pageCount={
-          Math.ceil(targetAnomalies.length / state.queryParams.size) || 1
+          Math.ceil(totalAnomalies.length / state.queryParams.size) || 1
         }
         onPageClick={handlePageChange}
       />