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

feat(dashboard): add widget count to collapsed section rows (#5822)

Browse Source
This commit is contained in:
Abhishek Mehandiratta 2024-09-07 02:22:32 +05:30 committed by GitHub
parent ae857d3fcd
commit afc97511af
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/container/GridCardLayout/GridCardLayout.tsx
View File

@ -472,6 +472,15 @@ function GraphLayout(props: GraphLayoutProps): JSX.Element {
if (currentWidget?.panelTypes === PANEL_GROUP_TYPES.ROW) { if (currentWidget?.panelTypes === PANEL_GROUP_TYPES.ROW) {
const rowWidgetProperties = currentPanelMap[id] || {}; const rowWidgetProperties = currentPanelMap[id] || {};
let { title } = currentWidget;
if (rowWidgetProperties.collapsed) {
const widgetCount = rowWidgetProperties.widgets?.length || 0;
const collapsedText = `(${widgetCount} widget${
widgetCount > 1 ? 's' : ''
})`;
title += ` ${collapsedText}`;
}
return ( return (
<CardContainer <CardContainer
className="row-card" className="row-card"
@ -489,9 +498,7 @@ function GraphLayout(props: GraphLayoutProps): JSX.Element {
cursor="move" cursor="move"
/> />
)} )}
<Typography.Text className="section-title"> <Typography.Text className="section-title">{title}</Typography.Text>
{currentWidget.title}
</Typography.Text>
{rowWidgetProperties.collapsed ? ( {rowWidgetProperties.collapsed ? (
<ChevronDown <ChevronDown
size={14} size={14}