diff --git a/x-pack/plugins/ingest_manager/public/applications/ingest_manager/sections/agent_config/components/config_form.tsx b/x-pack/plugins/ingest_manager/public/applications/ingest_manager/sections/agent_config/components/config_form.tsx index f473438391c551..461a3a14a4f4b3 100644 --- a/x-pack/plugins/ingest_manager/public/applications/ingest_manager/sections/agent_config/components/config_form.tsx +++ b/x-pack/plugins/ingest_manager/public/applications/ingest_manager/sections/agent_config/components/config_form.tsx @@ -18,6 +18,7 @@ import { EuiText, EuiComboBox, EuiIconTip, + EuiCheckboxGroup, } from '@elastic/eui'; import { FormattedMessage } from '@kbn/i18n/react'; import { i18n } from '@kbn/i18n'; @@ -244,66 +245,63 @@ export const AgentConfigForm: React.FunctionComponent = ({ )} +

+ + + +
- - } - checked={ - agentConfig.monitoring_enabled !== undefined && - agentConfig.monitoring_enabled.indexOf('logs') >= 0 - } - onChange={() => { + { + acc[key] = true; + return acc; + }, + { logs: false, metrics: false } + )} + onChange={id => { + if (id !== 'logs' && id !== 'metrics') { + return; + } + const hasLogs = - agentConfig.monitoring_enabled && - agentConfig.monitoring_enabled.indexOf('logs') >= 0; + agentConfig.monitoring_enabled && agentConfig.monitoring_enabled.indexOf(id) >= 0; const previousValues = agentConfig.monitoring_enabled || []; updateAgentConfig({ monitoring_enabled: hasLogs - ? previousValues.filter(type => type !== 'logs') - : [...previousValues, 'logs'], - }); - }} - /> - - - } - checked={ - agentConfig.monitoring_enabled !== undefined && - agentConfig.monitoring_enabled.indexOf('metrics') >= 0 - } - onChange={() => { - const hasMetrics = - agentConfig.monitoring_enabled && - agentConfig.monitoring_enabled.indexOf('metrics') >= 0; - - const previousValues = agentConfig.monitoring_enabled || []; - updateAgentConfig({ - monitoring_enabled: hasMetrics - ? previousValues.filter(type => type !== 'metrics') - : [...previousValues, 'metrics'], + ? previousValues.filter(type => type !== id) + : [...previousValues, id], }); }} />