2023-05-29 04:37:34 +00:00
|
|
|
import { useContext } from 'react';
|
2023-05-15 04:38:03 +00:00
|
|
|
import DataTable from 'components/metrics/DataTable';
|
2023-05-25 04:40:02 +00:00
|
|
|
import { useMessages } from 'hooks';
|
2023-05-29 04:37:34 +00:00
|
|
|
import { ReportContext } from '../Report';
|
2023-05-15 04:38:03 +00:00
|
|
|
|
2023-05-29 04:37:34 +00:00
|
|
|
export function FunnelTable() {
|
|
|
|
|
const { report } = useContext(ReportContext);
|
2023-05-25 04:40:02 +00:00
|
|
|
const { formatMessage, labels } = useMessages();
|
|
|
|
|
return (
|
|
|
|
|
<DataTable
|
2023-05-29 04:37:34 +00:00
|
|
|
data={report?.data}
|
2023-05-25 04:40:02 +00:00
|
|
|
title={formatMessage(labels.url)}
|
|
|
|
|
metric={formatMessage(labels.visitors)}
|
2023-07-21 07:14:37 +00:00
|
|
|
showPercentage={true}
|
2023-05-25 04:40:02 +00:00
|
|
|
/>
|
|
|
|
|
);
|
2023-05-15 04:38:03 +00:00
|
|
|
}
|
|
|
|
|
|
2023-05-18 20:21:35 +00:00
|
|
|
export default FunnelTable;
|