ui: remove more cards
This commit is contained in:
parent
ff2cd695ba
commit
c184ab55dc
2 changed files with 1 additions and 156 deletions
|
|
@ -39,7 +39,7 @@ export const CARD_CATEGORY = {
|
|||
export const CARD_CATEGORIES = [
|
||||
{ key: CARD_CATEGORY.PRODUCT_ANALYTICS, label: 'Product Analytics', icon: TrendingUp, types: [USER_PATH, ERRORS] },
|
||||
{ key: CARD_CATEGORY.WEB_ANALYTICS, label: 'Web Analytics', icon: BarChart, types: [TABLE] },
|
||||
{ key: CARD_CATEGORY.ERROR_TRACKING, label: 'Errors Tracking', icon: SearchSlash, types: [] },
|
||||
{ key: CARD_CATEGORY.ERROR_TRACKING, label: 'Monitors', icon: SearchSlash, types: [] },
|
||||
];
|
||||
|
||||
export interface CardType {
|
||||
|
|
@ -136,15 +136,6 @@ export const CARD_LIST: CardType[] = [
|
|||
example: ExampleTrend
|
||||
},
|
||||
|
||||
{
|
||||
title: 'Sessions by Issues',
|
||||
key: FilterKey.ISSUE,
|
||||
cardType: TABLE,
|
||||
metricOf: FilterKey.ISSUE,
|
||||
category: CARD_CATEGORIES[0].key,
|
||||
example: ByIssues
|
||||
},
|
||||
|
||||
|
||||
// Web analytics
|
||||
{
|
||||
|
|
@ -233,127 +224,6 @@ export const CARD_LIST: CardType[] = [
|
|||
height: 336,
|
||||
example: TableOfErrors
|
||||
},
|
||||
{
|
||||
title: 'Insights',
|
||||
key: INSIGHTS,
|
||||
cardType: INSIGHTS,
|
||||
metricOf: 'issueCategories',
|
||||
category: CARD_CATEGORIES[2].key,
|
||||
width: 4,
|
||||
isEnterprise: true,
|
||||
example: InsightsExample
|
||||
},
|
||||
{
|
||||
title: 'Sessions Impacted by JS Errors',
|
||||
key: FilterKey.IMPACTED_SESSIONS_BY_JS_ERRORS,
|
||||
cardType: ERRORS,
|
||||
metricOf: FilterKey.IMPACTED_SESSIONS_BY_JS_ERRORS,
|
||||
category: CARD_CATEGORIES[2].key,
|
||||
data: {
|
||||
chart: generateBarChartData(),
|
||||
hideLegend: true,
|
||||
label: 'Number of Sessions'
|
||||
},
|
||||
example: BarChartCard
|
||||
},
|
||||
{
|
||||
title: 'Errors by Origin',
|
||||
key: FilterKey.RESOURCES_BY_PARTY,
|
||||
cardType: ERRORS,
|
||||
metricOf: FilterKey.RESOURCES_BY_PARTY,
|
||||
category: CARD_CATEGORIES[2].key,
|
||||
data: {
|
||||
chart: generateStackedBarChartData(['1st Party', '3rd Party'])
|
||||
},
|
||||
example: BarChartCard
|
||||
},
|
||||
{
|
||||
title: 'Errors by Domain',
|
||||
key: FilterKey.ERRORS_PER_DOMAINS,
|
||||
cardType: ERRORS,
|
||||
metricOf: FilterKey.ERRORS_PER_DOMAINS,
|
||||
category: CARD_CATEGORIES[2].key,
|
||||
example: SlowestDomains
|
||||
},
|
||||
{
|
||||
title: 'Errors by Type',
|
||||
key: FilterKey.ERRORS_PER_TYPE,
|
||||
cardType: ERRORS,
|
||||
metricOf: FilterKey.ERRORS_PER_TYPE,
|
||||
category: CARD_CATEGORIES[2].key,
|
||||
data: {
|
||||
chart: generateStackedBarChartData(['Integrations', '4xx', '5xx'])
|
||||
},
|
||||
example: BarChartCard
|
||||
},
|
||||
{
|
||||
title: 'Calls with Errors',
|
||||
key: FilterKey.CALLS_ERRORS,
|
||||
cardType: ERRORS,
|
||||
metricOf: FilterKey.CALLS_ERRORS,
|
||||
category: CARD_CATEGORIES[2].key,
|
||||
width: 4,
|
||||
data: {
|
||||
chart: [
|
||||
{
|
||||
'method': 'GET',
|
||||
'urlHostpath': 'https://openreplay.com',
|
||||
'allRequests': 1333,
|
||||
'4xx': 1333,
|
||||
'5xx': 0
|
||||
},
|
||||
{
|
||||
'method': 'POST',
|
||||
'urlHostpath': 'https://company.domain.com',
|
||||
'allRequests': 10,
|
||||
'4xx': 10,
|
||||
'5xx': 0
|
||||
},
|
||||
{
|
||||
'method': 'PUT',
|
||||
'urlHostpath': 'https://example.com',
|
||||
'allRequests': 3,
|
||||
'4xx': 3,
|
||||
'5xx': 0
|
||||
}
|
||||
]
|
||||
},
|
||||
example: CallsWithErrorsExample
|
||||
},
|
||||
|
||||
{
|
||||
title: '4xx Domains',
|
||||
key: FilterKey.DOMAINS_ERRORS_4XX,
|
||||
cardType: ERRORS,
|
||||
metricOf: FilterKey.DOMAINS_ERRORS_4XX,
|
||||
category: CARD_CATEGORIES[2].key,
|
||||
data: {
|
||||
chart: generateTimeSeriesData(),
|
||||
label: 'Number of Errors',
|
||||
hideLegend: true,
|
||||
namesMap: [
|
||||
'Series 1'
|
||||
]
|
||||
},
|
||||
example: ExampleTrend
|
||||
},
|
||||
|
||||
{
|
||||
title: '5xx Domains',
|
||||
key: FilterKey.DOMAINS_ERRORS_5XX,
|
||||
cardType: ERRORS,
|
||||
metricOf: FilterKey.DOMAINS_ERRORS_5XX,
|
||||
category: CARD_CATEGORIES[2].key,
|
||||
data: {
|
||||
chart: generateTimeSeriesData(),
|
||||
label: 'Number of Errors',
|
||||
hideLegend: true,
|
||||
namesMap: [
|
||||
'Series 1'
|
||||
]
|
||||
},
|
||||
example: ExampleTrend
|
||||
},
|
||||
];
|
||||
|
||||
function generateTimeSeriesData(): any[] {
|
||||
|
|
|
|||
|
|
@ -73,25 +73,6 @@ export const TYPES: CardType[] = [
|
|||
description: 'Find out where users are dropping and understand why.',
|
||||
slug: FUNNEL,
|
||||
},
|
||||
{
|
||||
title: 'Error Tracking',
|
||||
icon: 'exclamation-circle',
|
||||
description: 'Track API errors across domains and origins.',
|
||||
slug: ERRORS,
|
||||
subTypes: [
|
||||
{ title: 'Errors by Origin', slug: FilterKey.RESOURCES_BY_PARTY, description: '' },
|
||||
{ title: 'Errors per Domain', slug: FilterKey.ERRORS_PER_DOMAINS, description: '' },
|
||||
{ title: 'Errors by type', slug: FilterKey.ERRORS_PER_TYPE, description: '' },
|
||||
{ title: 'Calls with Errors', slug: FilterKey.CALLS_ERRORS, description: '' },
|
||||
{ title: 'Top 4xx Domains', slug: FilterKey.DOMAINS_ERRORS_4XX, description: '' },
|
||||
{ title: 'Top 5xx Domains', slug: FilterKey.DOMAINS_ERRORS_5XX, description: '' },
|
||||
{
|
||||
title: 'Impacted Sessions by JS Errors',
|
||||
slug: FilterKey.IMPACTED_SESSIONS_BY_JS_ERRORS,
|
||||
description: '',
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: 'Path Analysis',
|
||||
icon: 'signpost-split',
|
||||
|
|
@ -111,12 +92,6 @@ export const TYPES: CardType[] = [
|
|||
// description: 'See which features are used the most and how often.',
|
||||
// slug: FEATURE_ADOPTION,
|
||||
// },
|
||||
{
|
||||
title: 'Insights',
|
||||
icon: 'lightbulb',
|
||||
description: 'Uncover new issues impacting user experience.',
|
||||
slug: INSIGHTS,
|
||||
},
|
||||
// {
|
||||
// title: 'Form Analysis',
|
||||
// icon: 'card-checklist',
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue