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

feat(ui) - errors - widget

Browse source
This commit is contained in:
Shekar Siri 2022-05-16 17:04:10 +02:00
parent baa6c916dc
commit f1d94c5378
7 changed files with 49 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
frontend/app/components/Dashboard/components/Errors/ErrorListItem/ErrorListItem.tsx Normal file
View file

@ -0,0 +1,14 @@
import React from 'react';
interface Props {
error: any;
}
function ErrorListItem(props: Props) {
return (
<div>
Errors List Item
</div>
);
}
export default ErrorListItem;

1
frontend/app/components/Dashboard/components/Errors/ErrorListItem/index.ts Normal file
View file

@ -0,0 +1 @@
export { default } from './ErrorListItem'

14
frontend/app/components/Dashboard/components/Errors/ErrorsList/ErrorsList.tsx Normal file
View file

@ -0,0 +1,14 @@
import React from 'react';
import ErrorListItem from '../ErrorListItem';
function ErrorsList(props) {
return (
<div>
Errors List
<ErrorListItem error={{}} />
</div>
);
}
export default ErrorsList;

1
frontend/app/components/Dashboard/components/Errors/ErrorsList/index.ts Normal file
View file

@ -0,0 +1 @@
export { default } from './ErrorsList';

12
frontend/app/components/Dashboard/components/Errors/ErrorsWidget/ErrorsWidget.tsx Normal file
View file

@ -0,0 +1,12 @@
import React from 'react';
import ErrorsList from '../ErrorsList';
function ErrorsWidget(props) {
return (
<div>
<ErrorsList />
</div>
);
}
export default ErrorsWidget;

1
frontend/app/components/Dashboard/components/Errors/ErrorsWidget/index.ts Normal file
View file

@ -0,0 +1 @@
export { default } from './ErrorsWidget';

7
frontend/app/components/Dashboard/components/WidgetChart/WidgetChart.tsx
View file

@ -12,6 +12,7 @@ import CustomMetricOverviewChart from 'App/components/Dashboard/Widgets/CustomMe
import { getStartAndEndTimestampsByDensity } from 'Types/dashboard/helper';
import { debounce } from 'App/utils';
import FunnelWidget from 'App/components/Funnels/FunnelWidget';
import ErrorsWidget from '../Errors/ErrorsWidget';
interface Props {
metric: any;
isWidget?: boolean
@ -83,7 +84,11 @@ function WidgetChart(props: Props) {
const renderChart = () => {
const { metricType, viewType } = metric;
if (isFunnel) {
if (metricType === 'errors') {
return <ErrorsWidget metric={metric} />
}
if (metricType === 'funnel') {
return <FunnelWidget metric={metric} />
}