Add limit to number of selected indices

opendistro-for-elasticsearch · Apr 6, 2020 · 82bd8f5 · 82bd8f5
1 parent 683269c
commit 82bd8f5
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 4 deletions.
diff --git a/public/pages/DetectorsList/Components/ListControls/ListControls.tsx b/public/pages/DetectorsList/Components/ListControls/ListControls.tsx
@@ -22,7 +22,7 @@ import {
   EuiPagination,
 } from '@elastic/eui';
 import React from 'react';
-import { ALL_DETECTOR_STATES, ALL_INDICES } from '../../utils/constants';
+import { ALL_DETECTOR_STATES } from '../../utils/constants';
 import { getDetectorStateOptions } from '../../utils/helpers';
 
 interface ListControlsProps {

diff --git a/.../DetectorsList/Components/ListControls/__tests__/__snapshots__/ListControls.test.tsx.snap b/.../DetectorsList/Components/ListControls/__tests__/__snapshots__/ListControls.test.tsx.snap
@@ -6,7 +6,7 @@ exports[`<ListControls /> spec Empty results renders component with empty messag
 >
   <div
     class="euiFlexItem euiFlexItem--flexGrowZero"
-    style="width: 50%;"
+    style="width: 40%;"
   >
     <div
       class="euiFormControlLayout euiFormControlLayout--fullWidth"

diff --git a/public/pages/DetectorsList/List/List.tsx b/public/pages/DetectorsList/List/List.tsx
@@ -49,6 +49,7 @@ import {
   ALL_DETECTOR_STATES,
   MAX_DETECTORS,
   MAX_DISPLAY_LEN,
+  MAX_SELECTED_INDICES,
 } from '../utils/constants';
 import { getURLQueryParams } from '../utils/helpers';
 import { staticColumn } from '../utils/tableUtils';
@@ -200,7 +201,7 @@ export const DetectorList = (props: ListProps) => {
 
     setState({
       ...state,
-      selectedIndices: indices,
+      selectedIndices: indices.slice(0, MAX_SELECTED_INDICES),
     });
   };
 

diff --git a/public/pages/DetectorsList/utils/constants.ts b/public/pages/DetectorsList/utils/constants.ts
@@ -16,9 +16,9 @@
 import { SORT_DIRECTION } from '../../../../server/utils/constants';
 
 export const ALL_DETECTOR_STATES = '';
-export const ALL_INDICES = '';
 export const MAX_DETECTORS = 1000;
 export const MAX_DISPLAY_LEN = 20;
+export const MAX_SELECTED_INDICES = 10;
 
 // TODO: finish when we know all possible detector states
 export enum DETECTOR_STATES {