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 }) {
>