GitHub-Proxy/signoz
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/SigNoz/signoz synced 2025-08-15 00:45:57 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore: alert rules is updated (#2646)

Browse Source 
Co-authored-by: gitstart <gitstart@users.noreply.github.com>
Co-authored-by: niteshsingh1357 <niteshsingh1357@gmail.com>
Co-authored-by: Nitesh Singh <nitesh.singh@gitstart.dev>
Co-authored-by: Rubens Rafael <70234898+RubensRafael@users.noreply.github.com>
Co-authored-by: Vishal Sharma <makeavish786@gmail.com>
Co-authored-by: Palash Gupta <palashgdev@gmail.com>
This commit is contained in:
GitStart 2023-06-13 11:45:52 +03:00 committed by GitHub
parent 3ba8ee1d26
commit a649ced337
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 45 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
frontend/src/container/ListAlertRules/ListAlert.tsx
View File

@ -2,6 +2,7 @@
import { PlusOutlined } from '@ant-design/icons'; import { PlusOutlined } from '@ant-design/icons';
import { Typography } from 'antd'; import { Typography } from 'antd';
import { ColumnsType } from 'antd/lib/table'; import { ColumnsType } from 'antd/lib/table';
import saveAlertApi from 'api/alerts/save';
import { ResizeTable } from 'components/ResizeTable'; import { ResizeTable } from 'components/ResizeTable';
import TextToolTip from 'components/TextToolTip'; import TextToolTip from 'components/TextToolTip';
import { COMPOSITE_QUERY } from 'constants/queryBuilderQueryNames'; import { COMPOSITE_QUERY } from 'constants/queryBuilderQueryNames';
@ -67,7 +68,7 @@ function ListAlert({ allAlertRules, refetch }: ListAlertProps): JSX.Element {
.catch(handleError); .catch(handleError);
}, [featureResponse, handleError]); }, [featureResponse, handleError]);
const onEditHandler = (record: GettableAlert): void => { const onEditHandler = (record: GettableAlert) => (): void => {
featureResponse featureResponse
.refetch() .refetch()
.then(() => { .then(() => {
@ -84,6 +85,44 @@ function ListAlert({ allAlertRules, refetch }: ListAlertProps): JSX.Element {
.catch(handleError); .catch(handleError);
}; };
const onCloneHandler = (
originalAlert: GettableAlert,
) => async (): Promise<void> => {
const copyAlert = {
...originalAlert,
alert: originalAlert.alert.concat(' - Copy'),
};
const apiReq = { data: copyAlert };
const response = await saveAlertApi(apiReq);
if (response.statusCode === 200) {
notificationsApi.success({
message: 'Success',
description: 'Alert cloned successfully',
});
const { data: refetchData, status } = await refetch();
if (status === 'success' && refetchData.payload) {
setData(refetchData.payload || []);
setTimeout(() => {
const clonedAlert = refetchData.payload[refetchData.payload.length - 1];
history.push(`${ROUTES.EDIT_ALERTS}?ruleId=${clonedAlert.id}`);
}, 2000);
}
if (status === 'error') {
notificationsApi.error({
message: t('something_went_wrong'),
});
}
} else {
notificationsApi.error({
message: 'Error',
description: response.error || t('something_went_wrong'),
});
}
};
const columns: ColumnsType<GettableAlert> = [ const columns: ColumnsType<GettableAlert> = [
{ {
title: 'Status', title: 'Status',
@ -107,9 +146,7 @@ function ListAlert({ allAlertRules, refetch }: ListAlertProps): JSX.Element {
return 0; return 0;
}, },
render: (value, record): JSX.Element => ( render: (value, record): JSX.Element => (
<Typography.Link onClick={(): void => onEditHandler(record)}> <Typography.Link onClick={onEditHandler(record)}>{value}</Typography.Link>
{value}
</Typography.Link>
), ),
}, },
{ {
@ -165,9 +202,12 @@ function ListAlert({ allAlertRules, refetch }: ListAlertProps): JSX.Element {
<> <>
<ToggleAlertState disabled={record.disabled} setData={setData} id={id} /> <ToggleAlertState disabled={record.disabled} setData={setData} id={id} />
<ColumnButton onClick={(): void => onEditHandler(record)} type="link"> <ColumnButton onClick={onEditHandler(record)} type="link">
Edit Edit
</ColumnButton> </ColumnButton>
<ColumnButton onClick={onCloneHandler(record)} type="link">
Clone
</ColumnButton>
<DeleteAlert notifications={notificationsApi} setData={setData} id={id} /> <DeleteAlert notifications={notificationsApi} setData={setData} id={id} />
</> </>