diff --git a/ui/src/Components/Grid/EmptyGrid/__snapshots__/index.test.js.snap b/ui/src/Components/Grid/EmptyGrid/__snapshots__/index.test.js.snap index 5b20e7684..9e3f2b5fa 100644 --- a/ui/src/Components/Grid/EmptyGrid/__snapshots__/index.test.js.snap +++ b/ui/src/Components/Grid/EmptyGrid/__snapshots__/index.test.js.snap @@ -6,15 +6,15 @@ exports[` matches snapshot 1`] = ` diff --git a/ui/src/Components/Grid/EmptyGrid/index.js b/ui/src/Components/Grid/EmptyGrid/index.js index 9bdb71b21..beeadd886 100644 --- a/ui/src/Components/Grid/EmptyGrid/index.js +++ b/ui/src/Components/Grid/EmptyGrid/index.js @@ -1,13 +1,13 @@ import React from "react"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; -import { faCheckCircle } from "@fortawesome/free-solid-svg-icons/faCheckCircle"; +import { faMugHot } from "@fortawesome/free-solid-svg-icons/faMugHot"; import "./index.scss"; const EmptyGrid = () => (

- +

); diff --git a/ui/src/Components/Labels/FilterInputLabel/index.js b/ui/src/Components/Labels/FilterInputLabel/index.js index 056a3fa5c..da489d9f9 100644 --- a/ui/src/Components/Labels/FilterInputLabel/index.js +++ b/ui/src/Components/Labels/FilterInputLabel/index.js @@ -98,7 +98,7 @@ const FilterInputLabel = observer( value={filter.raw} propName="raw" change={this.onChange} - classEditing="py-0 border-0 bg-light" + classEditing="py-0 border-0 bg-light text-black rounded" afterStart={alertStore.status.pause} afterFinish={alertStore.status.resume} /> diff --git a/ui/src/Components/Labels/FilterInputLabel/index.scss b/ui/src/Components/Labels/FilterInputLabel/index.scss index 879adeedd..2574b1963 100644 --- a/ui/src/Components/Labels/FilterInputLabel/index.scss +++ b/ui/src/Components/Labels/FilterInputLabel/index.scss @@ -15,7 +15,7 @@ &:hover { background-color: $light; color: $black; - border-radius: 4px; + border-radius: 0.25rem; } } diff --git a/ui/src/ErrorBoundary.js b/ui/src/ErrorBoundary.js index 242f73fc8..0b4e0d003 100644 --- a/ui/src/ErrorBoundary.js +++ b/ui/src/ErrorBoundary.js @@ -4,28 +4,41 @@ import PropTypes from "prop-types"; import * as Sentry from "@sentry/browser"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; -import { faExclamationCircle } from "@fortawesome/free-solid-svg-icons/faExclamationCircle"; +import { faBomb } from "@fortawesome/free-solid-svg-icons/faBomb"; -const InternalError = ({ message, secondsLeft }) => ( +const InternalError = ({ message, secondsLeft, progressLeft }) => (

- + Internal error

-

{message}

-

+

+ {message} +

+

This page will auto refresh in {secondsLeft}s + + +

); InternalError.propTypes = { message: PropTypes.node.isRequired, - secondsLeft: PropTypes.number.isRequired + secondsLeft: PropTypes.number.isRequired, + progressLeft: PropTypes.number.isRequired }; class ErrorBoundary extends Component { @@ -68,6 +81,7 @@ class ErrorBoundary extends Component { ); } diff --git a/ui/src/__snapshots__/ErrorBoundary.test.js.snap b/ui/src/__snapshots__/ErrorBoundary.test.js.snap index 9ad7d293f..7afcbb79a 100644 --- a/ui/src/__snapshots__/ErrorBoundary.test.js.snap +++ b/ui/src/__snapshots__/ErrorBoundary.test.js.snap @@ -8,14 +8,14 @@ exports[` matches snapshot 1`] = ` @@ -23,11 +23,23 @@ exports[` matches snapshot 1`] = ` Internal error -

+

Error: Error thrown from problem child

-

+

This page will auto refresh in 60s + + + +