jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ui: return speed index card...

Browse source
This commit is contained in:
nick-delirium 2024-11-14 14:26:54 +01:00
parent 3ccb1c7aa6
commit c47d1063c1
No known key found for this signature in database
GPG key ID: 93ABD695DF5FDBA0
3 changed files with 21 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
frontend/app/components/Dashboard/components/DashboardList/NewDashModal/ExampleCards.tsx
View file

@ -1,4 +1,3 @@
import ExampleFunnel from './Examples/Funnel';
import ExamplePath from './Examples/Path';
import ExampleTrend from './Examples/Trend';
@ -14,6 +13,7 @@ import {
TABLE,
TIMESERIES,
USER_PATH,
PERFORMANCE,
} from 'App/constants/card';
import { FilterKey } from 'Types/filter/filterType';
import { BarChart, TrendingUp, SearchSlash } from 'lucide-react';
@ -21,6 +21,8 @@ import ByIssues from 'Components/Dashboard/components/DashboardList/NewDashModal
import InsightsExample from 'Components/Dashboard/components/DashboardList/NewDashModal/Examples/InsightsExample';
import ByUser from 'Components/Dashboard/components/DashboardList/NewDashModal/Examples/SessionsBy/ByUser';
import BarChartCard from 'Components/Dashboard/components/DashboardList/NewDashModal/Examples/BarChart';
import SpeedIndexByLocationExample
from 'Components/Dashboard/components/DashboardList/NewDashModal/Examples/SpeedIndexByLocationExample';
import CallsWithErrorsExample
from 'Components/Dashboard/components/DashboardList/NewDashModal/Examples/CallsWithErrorsExample';
import SlowestDomains
@ -255,6 +257,20 @@ export const CARD_LIST: CardType[] = [
],
example: ExampleTrend
},
{
title: 'Speed Index',
key: FilterKey.SPEED_LOCATION,
cardType: PERFORMANCE,
metricOf: FilterKey.SPEED_LOCATION,
category: CARD_CATEGORIES[1].key,
data: {
chart: generateAreaData(),
namesMap: [
'Series 1'
]
},
example: SpeedIndexByLocationExample
},
{
title: 'Sessions with Slow Network Requests',
key: TIMESERIES + '_slow_network_requests',

3
frontend/app/components/Dashboard/components/WidgetPredefinedChart/WidgetPredefinedChart.tsx
View file

@ -47,7 +47,8 @@ function WidgetPredefinedChart(props: Props) {
return <CallsErrors5xx data={data} metric={metric} />
case FilterKey.CALLS_ERRORS:
return <CallWithErrors isTemplate={isTemplate} data={data} />
case FilterKey.SPEED_LOCATION:
return <SpeedIndexByLocation data={data} />
default:
return <div className="h-40 color-red">Widget not supported</div>
}

2
frontend/app/constants/card.ts
View file

@ -21,6 +21,7 @@ export const USER_PATH = 'pathAnalysis';
export const RETENTION = 'retention';
export const FEATURE_ADOPTION = 'featureAdoption';
export const INSIGHTS = 'insights';
export const PERFORMANCE = 'performance';
export interface Option {
label: string;
@ -73,6 +74,7 @@ export const TYPES: CardType[] = [
description: 'Find out where users are dropping and understand why.',
slug: FUNNEL,
},
{ title: 'Speed Index', slug: FilterKey.SPEED_LOCATION, description: '' },
{
title: 'Path Analysis',
icon: 'signpost-split',