diff --git a/public/pages/Dashboard/components/AcknowledgeAlertsModal/AcknowledgeAlertsModal.js b/public/pages/Dashboard/components/AcknowledgeAlertsModal/AcknowledgeAlertsModal.js
index a839d9c13..e9dae71f0 100644
--- a/public/pages/Dashboard/components/AcknowledgeAlertsModal/AcknowledgeAlertsModal.js
+++ b/public/pages/Dashboard/components/AcknowledgeAlertsModal/AcknowledgeAlertsModal.js
@@ -227,7 +227,7 @@ export default class AcknowledgeAlertsModal extends Component {
onCreateTrigger = () => {
const { history, monitorId, onClose } = this.props;
onClose();
- history.push(`/monitors/${monitorId}?action=${MONITOR_ACTIONS.UPDATE_MONITOR}`);
+ history.push(`/monitors/${monitorId}?action=${MONITOR_ACTIONS.EDIT_MONITOR}`);
};
render() {
diff --git a/public/pages/Dashboard/components/DashboardControls/DashboardControls.js b/public/pages/Dashboard/components/DashboardControls/DashboardControls.js
index c1d38190a..fc9118b08 100644
--- a/public/pages/Dashboard/components/DashboardControls/DashboardControls.js
+++ b/public/pages/Dashboard/components/DashboardControls/DashboardControls.js
@@ -45,6 +45,7 @@ const DashboardControls = ({
isAlertsFlyout = false,
monitorType,
alertActions = [],
+ panelStyles = {},
}) => {
let supportedStateOptions = stateOptions;
switch (monitorType) {
@@ -56,7 +57,7 @@ const DashboardControls = ({
break;
}
return (
-
+
(
{action}
))}
-
-
-
);
};
diff --git a/public/pages/Dashboard/components/DashboardControls/__snapshots__/DashboardControls.test.js.snap b/public/pages/Dashboard/components/DashboardControls/__snapshots__/DashboardControls.test.js.snap
index 4809833ca..f15dbc8d7 100644
--- a/public/pages/Dashboard/components/DashboardControls/__snapshots__/DashboardControls.test.js.snap
+++ b/public/pages/Dashboard/components/DashboardControls/__snapshots__/DashboardControls.test.js.snap
@@ -3,7 +3,7 @@
exports[`DashboardControls renders 1`] = `
-
-
-
`;
diff --git a/public/pages/Dashboard/containers/Dashboard.js b/public/pages/Dashboard/containers/Dashboard.js
index 0838fe007..2005bee81 100644
--- a/public/pages/Dashboard/containers/Dashboard.js
+++ b/public/pages/Dashboard/containers/Dashboard.js
@@ -9,10 +9,12 @@ import queryString from 'query-string';
import {
EuiBasicTable,
EuiSmallButton,
- EuiHorizontalRule,
EuiIcon,
EuiToolTip,
EuiSmallButtonIcon,
+ EuiFlexItem,
+ EuiPagination,
+ EuiFlexGroup,
} from '@elastic/eui';
import ContentPanel from '../../../components/ContentPanel';
import DashboardEmptyPrompt from '../components/DashboardEmptyPrompt';
@@ -530,6 +532,7 @@ export default class Dashboard extends Component {
};
const useUpdatedUx = !perAlertView && getUseUpdatedUx();
+ const shouldShowPagination = !perAlertView && totalAlerts > 0;
return (
<>
@@ -546,6 +549,7 @@ export default class Dashboard extends Component {
bodyStyles={{ padding: 'initial' }}
actions={useUpdatedUx ? undefined : actions()}
panelOptions={{ hideTitleBorder: useUpdatedUx }}
+ panelStyles={{ padding: useUpdatedUx && totalAlerts < 1 ? '16px 16px 0px' : '16px' }}
>
+ )}
+
{this.state.showAlertsModal && this.renderModal()}
>
diff --git a/public/pages/Dashboard/containers/FindingsDashboard.js b/public/pages/Dashboard/containers/FindingsDashboard.js
index 61414901b..0bd386aef 100644
--- a/public/pages/Dashboard/containers/FindingsDashboard.js
+++ b/public/pages/Dashboard/containers/FindingsDashboard.js
@@ -206,7 +206,7 @@ export default class FindingsDashboard extends Component {
bodyStyles={{ padding: 'initial' }}
>
{!isPreview && (
-