From 072c137f26c2ad6dd528b7080b3bc8911f2f4c29 Mon Sep 17 00:00:00 2001
From: Palash gupta <palash@signoz.io>
Date: Thu, 19 May 2022 08:48:19 +0530
Subject: [PATCH] feat: tooltip is added in the error message and error type

---
 frontend/src/container/AllError/index.tsx | 30 +++++++++++++----------
 1 file changed, 17 insertions(+), 13 deletions(-)

diff --git a/frontend/src/container/AllError/index.tsx b/frontend/src/container/AllError/index.tsx
index 3f49fdb5a4..51f47c1104 100644
--- a/frontend/src/container/AllError/index.tsx
+++ b/frontend/src/container/AllError/index.tsx
@@ -1,4 +1,4 @@
-import { notification, Table, Typography } from 'antd';
+import { notification, Table, Tooltip, Typography } from 'antd';
 import { ColumnsType } from 'antd/lib/table';
 import getAll from 'api/errors/getAll';
 import ROUTES from 'constants/routes';
@@ -47,11 +47,13 @@ function AllErrors(): JSX.Element {
 			dataIndex: 'exceptionType',
 			key: 'exceptionType',
 			render: (value, record): JSX.Element => (
-				<Link
-					to={`${ROUTES.ERROR_DETAIL}?serviceName=${record.serviceName}&errorType=${record.exceptionType}`}
-				>
-					{value}
-				</Link>
+				<Tooltip overlay={(): JSX.Element => value}>
+					<Link
+						to={`${ROUTES.ERROR_DETAIL}?serviceName=${record.serviceName}&errorType=${record.exceptionType}`}
+					>
+						{value}
+					</Link>
+				</Tooltip>
 			),
 			sorter: (a, b): number =>
 				a.exceptionType.charCodeAt(0) - b.exceptionType.charCodeAt(0),
@@ -61,13 +63,15 @@ function AllErrors(): JSX.Element {
 			dataIndex: 'exceptionMessage',
 			key: 'exceptionMessage',
 			render: (value): JSX.Element => (
-				<Typography.Paragraph
-					ellipsis={{
-						rows: 2,
-					}}
-				>
-					{value}
-				</Typography.Paragraph>
+				<Tooltip overlay={(): JSX.Element => value}>
+					<Typography.Paragraph
+						ellipsis={{
+							rows: 2,
+						}}
+					>
+						{value}
+					</Typography.Paragraph>
+				</Tooltip>
 			),
 		},
 		{