diff --git a/ui/src/Components/FetchPauser/index.js b/ui/src/Components/FetchPauser/index.js index 38af91d8e..53ebbc87d 100644 --- a/ui/src/Components/FetchPauser/index.js +++ b/ui/src/Components/FetchPauser/index.js @@ -1,31 +1,27 @@ import { Component } from "react"; import PropTypes from "prop-types"; -import { inject } from "mobx-react"; - import { AlertStore } from "Stores/AlertStore"; -const FetchPauser = inject("alertStore")( - class FetchPauser extends Component { - static propTypes = { - children: PropTypes.any, - alertStore: PropTypes.instanceOf(AlertStore).isRequired - }; +class FetchPauser extends Component { + static propTypes = { + children: PropTypes.any, + alertStore: PropTypes.instanceOf(AlertStore).isRequired + }; - componentDidMount() { - const { alertStore } = this.props; - alertStore.status.pause(); - } - - componentWillUnmount() { - const { alertStore } = this.props; - alertStore.status.resume(); - } - - render() { - return this.props.children; - } + componentDidMount() { + const { alertStore } = this.props; + alertStore.status.pause(); } -); + + componentWillUnmount() { + const { alertStore } = this.props; + alertStore.status.resume(); + } + + render() { + return this.props.children; + } +} export { FetchPauser }; diff --git a/ui/src/Components/FetchPauser/index.test.js b/ui/src/Components/FetchPauser/index.test.js index bc9dfa634..512f6f995 100644 --- a/ui/src/Components/FetchPauser/index.test.js +++ b/ui/src/Components/FetchPauser/index.test.js @@ -1,7 +1,5 @@ import React from "react"; -import { Provider } from "mobx-react"; - import { mount } from "enzyme"; import { AlertStore } from "Stores/AlertStore"; @@ -15,11 +13,9 @@ beforeEach(() => { const MountedFetchPauser = () => { return mount( - - -
- - + +
+ ); }; diff --git a/ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/AlertMenu.js b/ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/AlertMenu.js index 3c9965c78..54ff70107 100644 --- a/ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/AlertMenu.js +++ b/ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/AlertMenu.js @@ -45,7 +45,7 @@ const MenuContent = onClickOutside( silenceFormStore }) => { return ( - +
+