diff --git a/components/metrics/EventsTable.js b/components/metrics/EventsTable.js index b3427775..6986388e 100644 --- a/components/metrics/EventsTable.js +++ b/components/metrics/EventsTable.js @@ -1,62 +1,26 @@ -import React, { useState } from 'react'; -import { FormattedMessage } from 'react-intl'; +import { defineMessages, useIntl } from 'react-intl'; import MetricsTable from './MetricsTable'; -import Tag from 'components/common/Tag'; -import DropDown from 'components/common/DropDown'; -import { eventTypeFilter } from 'lib/filters'; -import usePageQuery from 'hooks/usePageQuery'; -import styles from './EventsTable.module.css'; -const EVENT_FILTER_DEFAULT = { - value: 'all', - label: , -}; +const messages = defineMessages({ + events: { id: 'metrics.events', defaultMessage: 'Events' }, + actions: { id: 'metrics.actions', defaultMessage: 'Actions' }, +}); export default function EventsTable({ websiteId, ...props }) { - const [eventType, setEventType] = useState(EVENT_FILTER_DEFAULT.value); - const [eventTypes, setEventTypes] = useState([]); - const { resolve, router } = usePageQuery(); - - const dropDownOptions = [EVENT_FILTER_DEFAULT, ...eventTypes.map(t => ({ value: t, label: t }))]; + const { formatMessage } = useIntl(); function handleDataLoad(data) { - setEventTypes([...new Set(data.map(({ x }) => x.split('\t')[0]))]); props.onDataLoad?.(data); } - function handleChange(value) { - router.replace(resolve({ eventType: value === 'all' ? undefined : value })); - setEventType(value); - } - return ( - <> - {eventTypes?.length > 1 && ( -
- -
- )} - } - type="event" - metric={} - websiteId={websiteId} - dataFilter={eventTypeFilter} - filterOptions={eventType === EVENT_FILTER_DEFAULT.value ? [] : [eventType]} - renderLabel={({ x }) =>