[Synthetics] Keep date params when location changing on monitor details (#156548)

This commit is contained in:
Shahzad 2023-05-05 16:57:20 +02:00 committed by GitHub
parent ce7ef40d9a
commit f26ecc6478
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -8,6 +8,7 @@ import React, { useCallback } from 'react';
import { useParams, useRouteMatch } from 'react-router-dom';
import { useKibana } from '@kbn/kibana-react-plugin/public';
import { useGetUrlParams } from '../../hooks';
import { MONITOR_ERRORS_ROUTE, MONITOR_HISTORY_ROUTE } from '../../../../../common/constants';
import { ClientPluginsStart } from '../../../../plugin';
import { PLUGIN } from '../../../../../common/constants/plugin';
@ -19,6 +20,8 @@ export const MonitorDetailsLocation = ({ isDisabled }: { isDisabled?: boolean })
const { monitor } = useSelectedMonitor();
const { monitorId } = useParams<{ monitorId: string }>();
const { dateRangeStart, dateRangeEnd } = useGetUrlParams();
const selectedLocation = useSelectedLocation();
const { services } = useKibana<ClientPluginsStart>();
@ -26,6 +29,8 @@ export const MonitorDetailsLocation = ({ isDisabled }: { isDisabled?: boolean })
const isErrorsTab = useRouteMatch(MONITOR_ERRORS_ROUTE);
const isHistoryTab = useRouteMatch(MONITOR_HISTORY_ROUTE);
const params = `&dateRangeStart=${dateRangeStart}&dateRangeEnd=${dateRangeEnd}`;
return (
<MonitorLocationSelect
isDisabled={isDisabled}
@ -36,19 +41,19 @@ export const MonitorDetailsLocation = ({ isDisabled }: { isDisabled?: boolean })
(id, label) => {
if (isErrorsTab) {
services.application.navigateToApp(PLUGIN.SYNTHETICS_PLUGIN_ID, {
path: `/monitor/${monitorId}/errors?locationId=${id}`,
path: `/monitor/${monitorId}/errors?locationId=${id}${params}`,
});
} else if (isHistoryTab) {
services.application.navigateToApp(PLUGIN.SYNTHETICS_PLUGIN_ID, {
path: `/monitor/${monitorId}/history/?locationId=${id}`,
path: `/monitor/${monitorId}/history/?locationId=${id}${params}`,
});
} else {
services.application.navigateToApp(PLUGIN.SYNTHETICS_PLUGIN_ID, {
path: `/monitor/${monitorId}?locationId=${id}`,
path: `/monitor/${monitorId}?locationId=${id}${params}`,
});
}
},
[isErrorsTab, isHistoryTab, monitorId, services.application]
[isErrorsTab, isHistoryTab, monitorId, params, services.application]
)}
/>
);