diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/InsightStatusTooltipContent/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/InsightStatusTooltipContent/index.tsx index 8c7b18518..594da13ef 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/InsightStatusTooltipContent/index.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/InsightStatusTooltipContent/index.tsx @@ -39,6 +39,9 @@ export const InsightStatusTooltipContent = ({ {insight.firstDetected} + + {insight.lastDetected} + {insight.lastDeactivated} diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/IssueCompactCard/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/IssueCompactCard/index.tsx index e1fdaf770..83cf1de01 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/IssueCompactCard/index.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/IssueCompactCard/index.tsx @@ -19,12 +19,26 @@ import { MenuList } from "../../../../../../Navigation/common/MenuList"; import { MenuItem } from "../../../../../../Navigation/common/MenuList/types"; import { trackingEvents } from "../../../../../tracking"; import { isEndpointInsight, isSpanInsight } from "../../../../../typeGuards"; +import { GenericCodeObjectInsight, InsightStatus } from "../../../../../types"; import { InsightIcon } from "../InsightCard/InsightHeader/InsightIcon"; -import { KeyValue } from "../InsightCard/InsightHeader/InsightStatusTooltipContent/KeyValue"; +import { InsightStatusTooltipContent } from "../InsightCard/InsightHeader/InsightStatusTooltipContent"; import { getInsightStatusInfo } from "../InsightStatusBadge/getInsightStatusInfo"; import * as s from "./styles"; import { IssueCompactCardProps } from "./types"; +const renderInsightStatusTooltipContent = ( + insight: GenericCodeObjectInsight +) => { + switch (insight.status) { + case InsightStatus.Active: + case InsightStatus.PossiblyFixed: + case InsightStatus.Regression: + return ; + } + + return null; +}; + export const IssueCompactCard = ({ insight, metric, @@ -58,6 +72,7 @@ export const IssueCompactCard = ({ onMarkAsRead(); } }; + const statusTooltipContent = renderInsightStatusTooltipContent(insight); const handleSpanLinkClick = () => { sendUserActionTrackingEvent( @@ -176,7 +191,8 @@ export const IssueCompactCard = ({ {metric && } {insight.status && statusInfo && ( {statusInfo.label}} + title={statusTooltipContent} + isDisabled={!statusTooltipContent} placement={"top"} fullWidth={true} >