From f939d41acdda82f9087c2aca6dd85df999fae339 Mon Sep 17 00:00:00 2001
From: Joe Milton <64725924+joemiltonm@users.noreply.github.com>
Date: Thu, 9 Nov 2023 20:16:05 +0530
Subject: [PATCH] fix(tags): tag modification in triggered alerts page (#3873)

Co-authored-by: Yunus M <myounis.ar@live.com>
---
 frontend/src/container/TriggeredAlerts/NoFilterTable.tsx | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/frontend/src/container/TriggeredAlerts/NoFilterTable.tsx b/frontend/src/container/TriggeredAlerts/NoFilterTable.tsx
index 84219daf12..f5aca8d4d8 100644
--- a/frontend/src/container/TriggeredAlerts/NoFilterTable.tsx
+++ b/frontend/src/container/TriggeredAlerts/NoFilterTable.tsx
@@ -1,7 +1,8 @@
 /* eslint-disable react/display-name */
-import { Tag, Typography } from 'antd';
+import { Typography } from 'antd';
 import { ColumnsType } from 'antd/lib/table';
 import { ResizeTable } from 'components/ResizeTable';
+import LabelColumn from 'components/TableRenderer/LabelColumn';
 import AlertStatus from 'container/TriggeredAlerts/TableComponents/AlertStatus';
 import convertDateToAmAndPm from 'lib/convertDateToAmAndPm';
 import getFormattedDate from 'lib/getFormatedDate';
@@ -54,11 +55,7 @@ function NoFilterTable({
 				}
 
 				return (
-					<>
-						{withOutSeverityKeys.map((e) => (
-							<Tag key={e} color="magenta">{`${e} : ${labels[e]}`}</Tag>
-						))}
-					</>
+					<LabelColumn labels={withOutSeverityKeys} value={labels} color="magenta" />
 				);
 			},
 		},