github/oneuptime
1
1
Fork 0
mirror of https://github.com/OneUptime/oneuptime.git synced 2026-04-06 00:32:12 +02:00
Code Issues 193 Packages Projects Releases Wiki Activity

imported/used DropDownMenu component

Browse Source
This commit is contained in:
augustinebest
2021-08-17 21:49:21 +01:00
parent 232183d561
commit 20c9fe4c00
1 changed files with 25 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
dashboard/src/components/monitor/MonitorViewIncidentBox.js
View File

@@ -13,8 +13,7 @@ import { createNewIncident } from '../../actions/incident';
import CreateManualIncident from '../modals/CreateManualIncident';
import { logEvent } from '../../analytics';
import { SHOULD_LOG_ANALYTICS } from '../../config';
import Dropdown, { MenuItem } from '@trendmicro/react-dropdown';
import '@trendmicro/react-dropdown/dist/react-dropdown.css';
import DropDownMenu from '../basic/DropDownMenu';
export class MonitorViewIncidentBox extends Component {
constructor(props) {
@@ -142,29 +141,16 @@ export class MonitorViewIncidentBox extends Component {
</div>
<div className="ContentHeader-end Box-root Flex-flex Flex-alignItems--center Margin-left--16">
<span className="Margin-right--8">
<Dropdown>
<Dropdown.Toggle
id="filterToggle"
title={filterOption}
className="bs-Button bs-DeprecatedButton"
/>
<Dropdown.Menu>
<MenuItem
title="clear"
onClick={() => {
this.setState({
filterOption: 'Filter By',
});
this.filterIncidentLogs(
'clear'
);
}}
>
Clear Filters
</MenuItem>
<MenuItem
title="unacknowledged"
onClick={() => {
<DropDownMenu
options={[
'Clear Filters',
'Unacknowledged',
'Unresolved',
]}
value={filterOption}
updateState={val => {
switch (val) {
case 'Unacknowledged':
this.setState({
filterOption:
'Unacknowledged',
@@ -172,25 +158,26 @@ export class MonitorViewIncidentBox extends Component {
this.filterIncidentLogs(
'unacknowledged'
);
}}
>
Unacknowledged
</MenuItem>
<MenuItem
title="unresolved"
onClick={() => {
break;
case 'Unresolved':
this.setState({
filterOption: 'Unresolved',
});
this.filterIncidentLogs(
'unresolved'
);
}}
>
Unresolved
</MenuItem>
</Dropdown.Menu>
</Dropdown>
break;
default:
this.setState({
filterOption: 'Filter By',
});
this.filterIncidentLogs(
'clear'
);
break;
}
}}
/>
</span>
<button
className={