From 9a2140b29118054ac793e2d91e152937f650bc84 Mon Sep 17 00:00:00 2001 From: Jordi Enric <37541088+jordienr@users.noreply.github.com> Date: Tue, 23 Sep 2025 13:56:03 +0200 Subject: [PATCH 1/7] chart footer tooltip improvs (#38858) improvs --- .../components/ui/Charts/ComposedChart.utils.tsx | 16 +++++++++------- 1 file changed, 9 insertions(+), 7 deletions(-) diff --git a/apps/studio/components/ui/Charts/ComposedChart.utils.tsx b/apps/studio/components/ui/Charts/ComposedChart.utils.tsx index ecbdbfd2a5e03..abddab6bd6491 100644 --- a/apps/studio/components/ui/Charts/ComposedChart.utils.tsx +++ b/apps/studio/components/ui/Charts/ComposedChart.utils.tsx @@ -2,7 +2,7 @@ import dayjs from 'dayjs' import { useState } from 'react' -import { cn, Tooltip, TooltipContent, TooltipTrigger } from 'ui' +import { cn, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from 'ui' import { CHART_COLORS, DateTimeFormats } from './Charts.constants' import { numberFormatter } from './Charts.utils' import { formatBytes } from 'lib/helpers' @@ -293,12 +293,12 @@ const CustomLabel = ({ const LabelItem = ({ entry }: { entry: any }) => { const attribute = attributes?.find((a) => a.attribute === entry.name) const isMax = entry.name === maxValueAttribute?.attribute - const isHovered = hoveredLabel === entry.name const isHidden = hiddenAttributes?.has(entry.name) + const color = isHidden ? 'gray' : entry.color const Label = () => (
Loading data for {label}
-