diff --git a/apps/dashboard/src/components/overview/overview-latest-events/index.tsx b/apps/dashboard/src/components/overview/overview-latest-events/index.tsx deleted file mode 100644 index c3540a2e..00000000 --- a/apps/dashboard/src/components/overview/overview-latest-events/index.tsx +++ /dev/null @@ -1,16 +0,0 @@ -import { getConversionEventNames } from '@openpanel/db'; - -import type { OverviewLatestEventsProps } from './overview-latest-events'; -import OverviewLatestEvents from './overview-latest-events'; - -export default async function OverviewLatestEventsServer({ - projectId, -}: Omit) { - const eventNames = await getConversionEventNames(projectId); - return ( - item.name)} - /> - ); -} diff --git a/apps/dashboard/src/components/overview/overview-latest-events/overview-latest-events.tsx b/apps/dashboard/src/components/overview/overview-latest-events/overview-latest-events.tsx deleted file mode 100644 index 525616b9..00000000 --- a/apps/dashboard/src/components/overview/overview-latest-events/overview-latest-events.tsx +++ /dev/null @@ -1,130 +0,0 @@ -'use client'; - -import { LazyChart } from '@/components/report/chart/LazyChart'; -import { useEventQueryFilters } from '@/hooks/useEventQueryFilters'; -import { cn } from '@/utils/cn'; - -import { Widget, WidgetBody } from '../../widget'; -import OverviewDetailsButton from '../overview-details-button'; -import { WidgetButtons, WidgetHead } from '../overview-widget'; -import { useOverviewOptions } from '../useOverviewOptions'; -import { useOverviewWidget } from '../useOverviewWidget'; - -export interface OverviewLatestEventsProps { - projectId: string; - conversions: string[]; -} -export default function OverviewLatestEvents({ - projectId, - conversions, -}: OverviewLatestEventsProps) { - const { interval, range, previous, startDate, endDate } = - useOverviewOptions(); - const [filters] = useEventQueryFilters(); - const [widget, setWidget, widgets] = useOverviewWidget('ev', { - all: { - title: 'Top events', - btn: 'All', - chart: { - projectId, - startDate, - endDate, - events: [ - { - segment: 'event', - filters: [ - ...filters, - { - id: 'ex_session', - name: 'name', - operator: 'isNot', - value: ['session_start', 'session_end'], - }, - ], - id: 'A', - name: '*', - }, - ], - breakdowns: [ - { - id: 'A', - name: 'name', - }, - ], - chartType: 'bar', - lineType: 'monotone', - interval: interval, - name: 'Top sources', - range: range, - previous: previous, - metric: 'sum', - }, - }, - conversions: { - title: 'Conversions', - btn: 'Conversions', - hide: conversions.length === 0, - chart: { - projectId, - startDate, - endDate, - events: [ - { - segment: 'event', - filters: [ - ...filters, - { - id: 'conversion', - name: 'name', - operator: 'is', - value: conversions, - }, - ], - id: 'A', - name: '*', - }, - ], - breakdowns: [ - { - id: 'A', - name: 'name', - }, - ], - chartType: 'bar', - lineType: 'monotone', - interval: interval, - name: 'Top sources', - range: range, - previous: previous, - metric: 'sum', - }, - }, - }); - - return ( - <> - - -
{widget.title}
- - {widgets - .filter((item) => item.hide !== true) - .map((w) => ( - - ))} - -
- - - - -
- - ); -} diff --git a/apps/dashboard/src/components/overview/overview-top-events/overview-top-events.tsx b/apps/dashboard/src/components/overview/overview-top-events/overview-top-events.tsx index 8395c908..f5d1711f 100644 --- a/apps/dashboard/src/components/overview/overview-top-events/overview-top-events.tsx +++ b/apps/dashboard/src/components/overview/overview-top-events/overview-top-events.tsx @@ -27,9 +27,9 @@ export default function OverviewTopEvents({ const [filters] = useEventQueryFilters(); const [chartType, setChartType] = useState('bar'); const [widget, setWidget, widgets] = useOverviewWidget('ev', { - all: { + your: { title: 'Top events', - btn: 'All', + btn: 'Your', chart: { projectId, startDate, @@ -43,7 +43,7 @@ export default function OverviewTopEvents({ id: 'ex_session', name: 'name', operator: 'isNot', - value: ['session_start', 'session_end'], + value: ['session_start', 'session_end', 'screen_view'], }, ], id: 'A', @@ -65,6 +65,36 @@ export default function OverviewTopEvents({ metric: 'sum', }, }, + all: { + title: 'Top events', + btn: 'All', + chart: { + projectId, + startDate, + endDate, + events: [ + { + segment: 'event', + filters: [...filters], + id: 'A', + name: '*', + }, + ], + breakdowns: [ + { + id: 'A', + name: 'name', + }, + ], + chartType, + lineType: 'monotone', + interval: interval, + name: 'Top sources', + range: range, + previous: previous, + metric: 'sum', + }, + }, conversions: { title: 'Conversions', btn: 'Conversions',