fix(insights): added title for tooltip

PostHog · Aug 8, 2024 · eb94455 · eb94455
1 parent 940131a
commit eb94455
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 6 deletions.
diff --git a/frontend/src/scenes/insights/InsightTooltip/InsightTooltip.tsx b/frontend/src/scenes/insights/InsightTooltip/InsightTooltip.tsx
@@ -75,6 +75,7 @@ export function InsightTooltip({
     date,
     timezone = 'UTC',
     seriesData = [],
+    title: _title,
     altTitle,
     altRightTitle,
     renderSeries,
@@ -99,13 +100,9 @@ export function InsightTooltip({
 
     const { formatPropertyValueForDisplay } = useValues(propertyDefinitionsModel)
 
-    const title: ReactNode | null =
+    const title: ReactNode =
         getTooltipTitle(seriesData, altTitle, date) ||
-        (date
-            ? `${getFormattedDate(date, seriesData?.[0]?.filter?.interval)} (${
-                  timezone ? shortTimeZone(timezone) : 'UTC'
-              })`
-            : null)
+        `${getFormattedDate(_title)} ${timezone ? shortTimeZone(timezone) : 'UTC'}`
     const rightTitle: ReactNode | null = getTooltipTitle(seriesData, altRightTitle, date) || null
 
     if (itemizeEntitiesAsColumns) {

diff --git a/frontend/src/scenes/insights/InsightTooltip/insightTooltipUtils.tsx b/frontend/src/scenes/insights/InsightTooltip/insightTooltipUtils.tsx
@@ -59,6 +59,7 @@ export interface InsightTooltipProps extends Omit<TooltipConfig, 'renderSeries'
     breakdownFilter?: BreakdownFilter | undefined | null
     groupTypeLabel?: string
     timezone?: string | null
+    title: string
 }
 
 export const COL_CUTOFF = 4

diff --git a/frontend/src/scenes/insights/views/LineGraph/LineGraph.tsx b/frontend/src/scenes/insights/views/LineGraph/LineGraph.tsx
@@ -495,6 +495,7 @@ export function LineGraph_({
                             tooltipRoot.render(
                                 <InsightTooltip
                                     date={dataset?.days?.[tooltip.dataPoints?.[0]?.dataIndex]}
+                                    title={tooltip.title[0]}
                                     timezone={timezone}
                                     seriesData={seriesData}
                                     breakdownFilter={breakdownFilter}