scottk/wlan-cloud-ui-library
1
0
Fork 0
mirror of https://github.com/Telecominfraproject/wlan-cloud-ui-library.git synced 2025-11-03 12:17:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #334 from Telecominfraproject/feature/NOJIRA-extra-tooltip-data

Browse Source 
feature/NOJIRA: Added extraTooltipData to tooltip
This commit is contained in:
Sean Macfarlane
2021-12-06 15:59:40 -05:00
committed by GitHub
parent 60da8fdc01 e569e7e76f
commit 868af8b9e3
1 changed files with 15 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/GraphTooltips/LineGraphTooltip/index.js
View File

@@ -4,6 +4,9 @@ import moment from 'moment';
import styles from '../index.module.scss'; import styles from '../index.module.scss';
const LineGraphTooltip = ({ active, payload, label, decimals }) => { const LineGraphTooltip = ({ active, payload, label, decimals }) => {
const extraTooltipData = payload?.[0]?.payload?.extraData ?? {};
const extraTooltipDataKeys = Object.keys(extraTooltipData);
if (active && payload && payload.length) { if (active && payload && payload.length) {
return ( return (
<div className={styles.customTooltip} style={{ border: `1px solid ${payload[0].stroke}` }}> <div className={styles.customTooltip} style={{ border: `1px solid ${payload[0].stroke}` }}>
@@ -18,6 +21,18 @@ const LineGraphTooltip = ({ active, payload, label, decimals }) => {
</p> </p>
); );
})} })}
{extraTooltipDataKeys.length > 0 && (
<>
<br />
{extraTooltipDataKeys.sort().map(key => {
return (
extraTooltipData[key] && (
<p className={styles.point}>{`${key}: ${extraTooltipData[key]}`}</p>
)
);
})}
</>
)}
</div> </div>
); );
} }