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

feat: add tooltip to Endpoint Overview

Browse Source 
Signed-off-by: Shivanshu Raj Shrivastava <shivanshu1333@gmail.com>
This commit is contained in:
Shivanshu Raj Shrivastava 2025-04-26 19:59:37 +05:30 committed by Sahil Khan
parent 3dce13d29f
commit fd21a4955e
1 changed files with 24 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
frontend/src/container/ApiMonitoring/utils.tsx
View File

@ -1,6 +1,6 @@
/* eslint-disable sonarjs/no-duplicate-string */ /* eslint-disable sonarjs/no-duplicate-string */
import { Color } from '@signozhq/design-tokens'; import { Color } from '@signozhq/design-tokens';
import { Progress, Tag } from 'antd'; import { Progress, Tag, Tooltip } from 'antd';
import { ColumnType } from 'antd/es/table'; import { ColumnType } from 'antd/es/table';
import { import {
FiltersType, FiltersType,
@ -13,7 +13,7 @@ import { getWidgetQueryBuilder } from 'container/MetricsApplication/MetricsAppli
import dayjs from 'dayjs'; import dayjs from 'dayjs';
import { GetQueryResultsProps } from 'lib/dashboard/getQueryResults'; import { GetQueryResultsProps } from 'lib/dashboard/getQueryResults';
import { cloneDeep } from 'lodash-es'; import { cloneDeep } from 'lodash-es';
import { ArrowUpDown, ChevronDown, ChevronRight } from 'lucide-react'; import { ArrowUpDown, ChevronDown, ChevronRight, Info } from 'lucide-react';
import { getWidgetQuery } from 'pages/MessagingQueues/MQDetails/MetricPage/MetricPageUtil'; import { getWidgetQuery } from 'pages/MessagingQueues/MQDetails/MetricPage/MetricPageUtil';
import { ReactNode } from 'react'; import { ReactNode } from 'react';
import { Widgets } from 'types/api/dashboard/getAll'; import { Widgets } from 'types/api/dashboard/getAll';
@ -3538,6 +3538,28 @@ export const getAllEndpointsWidgetData = (
'net.peer.port': 'Port', 'net.peer.port': 'Port',
}; };
widget.title = (
<div
style={{
display: 'flex',
alignItems: 'center',
gap: '10px',
padding: '12px',
color: 'var(--Vanilla-100, #fff)',
fontFamily: 'Inter',
fontSize: '14px',
fontStyle: 'normal',
fontWeight: 400,
lineHeight: '18px',
}}
>
Endpoint Overview
<Tooltip title="Click on any row to get corresponding endpoint stats">
<Info size={16} color="white" />
</Tooltip>
</div>
);
return widget; return widget;
}; };