diff --git a/src/components/CustomTooltip.jsx b/src/components/CustomTooltip.jsx index 11fd7aa67b8..1eaa2a2d104 100644 --- a/src/components/CustomTooltip.jsx +++ b/src/components/CustomTooltip.jsx @@ -38,7 +38,15 @@ const getTooltipData = (payload, label) => { }; }; -function CustomTooltip({ active, payload, label, tooltipType, darkMode = false }) { +function CustomTooltip({ + active, + payload, + label, + tooltipType, + darkMode = false, + valueLabel = 'Total Hours', + formatValue = false, +}) { if (!active || !payload || !payload.length) return null; const isDarkMode = darkMode; @@ -63,7 +71,12 @@ function CustomTooltip({ active, payload, label, tooltipType, darkMode = false } } if (totalHours !== undefined) { - return
Total Hours: {totalHours}
; + const displayValue = formatValue ? formatNumber(totalHours) : totalHours; + return ( +
+ {valueLabel}: {displayValue} +
+ ); } return null; @@ -102,6 +115,8 @@ CustomTooltip.propTypes = { label: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), tooltipType: PropTypes.string, darkMode: PropTypes.bool, + valueLabel: PropTypes.string, + formatValue: PropTypes.bool, }; CustomTooltip.defaultProps = { @@ -109,6 +124,8 @@ CustomTooltip.defaultProps = { payload: null, label: '', tooltipType: undefined, + valueLabel: 'Total Hours', + formatValue: false, darkMode: false, }; diff --git a/src/components/TotalOrgSummary/TeamStats/TeamStatsBarChart.jsx b/src/components/TotalOrgSummary/TeamStats/TeamStatsBarChart.jsx index da582103fa6..57be9516d9d 100644 --- a/src/components/TotalOrgSummary/TeamStats/TeamStatsBarChart.jsx +++ b/src/components/TotalOrgSummary/TeamStats/TeamStatsBarChart.jsx @@ -48,7 +48,14 @@ function createTeamStatsTooltipContent(yAxisLabel, darkMode) { payload: { ...item.payload, change: formatChangePercent(item.payload?.change) }, })); return ( - + ); } TeamStatsTooltipContent.displayName = 'TeamStatsTooltipContent'; @@ -72,7 +79,7 @@ function TeamStatsBarChart({ data, yAxisLabel }) { >