import React, { useState } from 'react'; import { FormattedMessage } 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 styles from './EventsTable.module.css'; const EVENT_FILTER_DEFAULT = { value: 'EVENT_FILTER_DEFAULT', label: , }; export default function EventsTable({ websiteId, ...props }) { const [eventType, setEventType] = useState(EVENT_FILTER_DEFAULT.value); const [eventTypes, setEventTypes] = useState([]); const dropDownOptions = [EVENT_FILTER_DEFAULT, ...eventTypes.map(t => ({ value: t, label: t }))]; function handleDataLoad(data) { setEventTypes([...new Set(data.map(({ x }) => x.split('\t')[0]))]); props.onDataLoad?.(data); } return ( <> {eventTypes?.length > 1 && (
)} } type="event" metric={} websiteId={websiteId} dataFilter={eventTypeFilter} filterOptions={eventType === EVENT_FILTER_DEFAULT.value ? [] : [eventType]} renderLabel={({ x }) =>