Openstatus
www.openstatus.dev
fix: custom tooltip (#702)
authored by
Maximilian Kaske
and committed by
GitHub
2131e0a1
2fa8d9ff
+5
-4
+5
-4
apps/web/src/app/app/[workspaceSlug]/(dashboard)/monitors/[id]/overview/_components/simple-chart.tsx
+5
-4
apps/web/src/app/app/[workspaceSlug]/(dashboard)/monitors/[id]/overview/_components/simple-chart.tsx
···
15
15
export function SimpleChart({ data, region }: SimpleChartProps) {
16
16
const [value, setValue] = useState<EventProps>(null);
17
17
18
-
useEffect(() => {
19
-
console.log(value);
20
-
// const href = `./details?monitorId=${ping.monitorId}&cronTimestamp=${ping.cronTimestamp}®ion=${ping.region}`;
21
-
}, [value]);
18
+
// useEffect(() => {
19
+
// // console.log(value);
20
+
// // const href = `./details?monitorId=${ping.monitorId}&cronTimestamp=${ping.cronTimestamp}®ion=${ping.region}`;
21
+
// }, [value]);
22
22
23
23
return (
24
24
<LineChart
···
46
46
const customTooltip = ({ payload, active, label }: CustomTooltipProps) => {
47
47
if (!active || !payload) return null;
48
48
const data = payload?.[0]; // BUG: when onValueChange is set, payload is duplicated
49
+
if (!data) return null;
49
50
50
51
return (
51
52
<div className="rounded-tremor-default text-tremor-default dark:text-dark-tremor-default bg-tremor-background dark:bg-dark-tremor-background shadow-tremor-dropdown border-tremor-border dark:border-dark-tremor-border border p-2">