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

Merge pull request #1164 from palash-signoz/393-error-expection-tooltip

Browse Source 
feat: tooltip is added in the error message and error type
This commit is contained in:
palash-signoz 2022-05-19 15:19:45 +05:30 committed by GitHub
commit f2074f01e8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 17 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
frontend/src/container/AllError/index.tsx
View File

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