diff --git a/ui/src/app/applications/components/application-operation-state/application-operation-state.tsx b/ui/src/app/applications/components/application-operation-state/application-operation-state.tsx index 20c02bbfb04f9..9cda40fa388f5 100644 --- a/ui/src/app/applications/components/application-operation-state/application-operation-state.tsx +++ b/ui/src/app/applications/components/application-operation-state/application-operation-state.tsx @@ -1,4 +1,4 @@ -import {Checkbox, DropDown, Duration, NotificationType, Ticker, HelpIcon} from 'argo-ui'; +import {Checkbox, DropDown, Duration, NotificationType, Ticker, HelpIcon, Tooltip} from 'argo-ui'; import * as moment from 'moment'; import * as PropTypes from 'prop-types'; import * as React from 'react'; @@ -16,7 +16,7 @@ interface Props { operationState: models.OperationState; } const buildResourceUniqueId = (res: Omit) => `${res.group}-${res.kind}-${res.version}-${res.namespace}-${res.name}`; -const FilterableMessageStatuses = ['configured', 'unchanged']; +const FilterableMessageStatuses = ['Changed', 'Unchanged']; const Filter = (props: {filters: string[]; setFilters: (f: string[]) => void; options: string[]; title: string; style?: React.CSSProperties}) => { const {filters, setFilters, options, title, style} = props; @@ -183,7 +183,12 @@ export const ApplicationOperationState: React.StatelessComponent = ({appl } if (pass && messageFilters.length !== 0) { - pass = messageFilters.some(filter => r.message?.toLowerCase().includes(filter.toLowerCase())); + pass = messageFilters.some(filter => { + if (filter === 'Changed') { + return r.message?.toLowerCase().includes('configured'); + } + return r.message?.toLowerCase().includes(filter.toLowerCase()); + }); } return pass; @@ -210,7 +215,11 @@ export const ApplicationOperationState: React.StatelessComponent = ({appl - + +
+ +
+