diff --git a/src/components/Admin/Home/Overview/styles.ts b/src/components/Admin/Home/Overview/styles.ts index d46bfdce2..27027f864 100644 --- a/src/components/Admin/Home/Overview/styles.ts +++ b/src/components/Admin/Home/Overview/styles.ts @@ -7,6 +7,5 @@ export const WidgetsContainer = styled.div` `; export const OverviewWidgetPlaceholderImage = styled.img` - width: 279px; - height: 108px; + height: 122px; `; diff --git a/src/components/Insights/InsightTicketRenderer/insightTickets/SpanPerformanceAnomalyInsightTicket/index.tsx b/src/components/Insights/InsightTicketRenderer/insightTickets/SpanPerformanceAnomalyInsightTicket/index.tsx index f9f6b1545..790964fcf 100644 --- a/src/components/Insights/InsightTicketRenderer/insightTickets/SpanPerformanceAnomalyInsightTicket/index.tsx +++ b/src/components/Insights/InsightTicketRenderer/insightTickets/SpanPerformanceAnomalyInsightTicket/index.tsx @@ -41,12 +41,14 @@ export const SpanPerformanceAnomalyInsightTicket = ({ The slowest 5% of this asset is{" "} {roundTo(insight.slowerByPercentage, 2)}% slower than the median , - - Median duration: {getDurationString(insight.p50)} - , - - 5% duration: {getDurationString(insight.p95)} - , + <> +
+ Median duration: {getDurationString(insight.p50)} +
+
+ 5% duration: {getDurationString(insight.p95)} +
+ , { - const { digmaApiProxyPrefix } = useConfigSelector(); - const [triggerSpanPercentilesHistogramFetch] = useLazyGetSpanPercentilesHistogramQuery(); @@ -84,11 +81,9 @@ export const InsightCardRenderer = ({ displayName: string, environmentId: string ) => { - const digmaApiBaseUrl = `${window.location.origin}${ - digmaApiProxyPrefix ?? "/api" - }`; - if (platform === "Web") { + const digmaApiBaseUrl = `${window.location.origin}/api`; + switch (insightType) { case InsightType.SpanScaling: { const url = getInsightHistogramUrl( diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/SpanPerformanceAnomalyInsightCard/SpanPerformanceAnomalyInsightCard.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/SpanPerformanceAnomalyInsightCard/SpanPerformanceAnomalyInsightCard.stories.tsx index 966de888b..70991c407 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/SpanPerformanceAnomalyInsightCard/SpanPerformanceAnomalyInsightCard.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/SpanPerformanceAnomalyInsightCard/SpanPerformanceAnomalyInsightCard.stories.tsx @@ -22,3 +22,13 @@ export const Default: Story = { insight: mockedSpanPerformanceAnomalyInsight } }; + +export const WithoutTraces: Story = { + args: { + insight: { + ...mockedSpanPerformanceAnomalyInsight, + p50TraceId: null, + p95TraceId: null + } + } +};