Use useMessages hook everywhere.

This commit is contained in:
Mike Cao 2023-03-22 14:05:55 -07:00
parent f3e1f18e1b
commit 9ddb8b5d25
73 changed files with 180 additions and 275 deletions

View file

@ -1,13 +1,8 @@
import { defineMessages, useIntl } from 'react-intl';
import MetricsTable from './MetricsTable';
const messages = defineMessages({
events: { id: 'metrics.events', defaultMessage: 'Events' },
actions: { id: 'metrics.actions', defaultMessage: 'Actions' },
});
import useMessages from 'hooks/useMessages';
export default function EventsTable({ websiteId, ...props }) {
const { formatMessage } = useIntl();
const { formatMessage, labels } = useMessages();
function handleDataLoad(data) {
props.onDataLoad?.(data);
@ -16,9 +11,9 @@ export default function EventsTable({ websiteId, ...props }) {
return (
<MetricsTable
{...props}
title={formatMessage(messages.events)}
title={formatMessage(labels.events)}
type="event"
metric={formatMessage(messages.actions)}
metric={formatMessage(labels.actions)}
websiteId={websiteId}
onDataLoad={handleDataLoad}
/>