feat: event data dashboard now shows associated event

This commit is contained in:
Aitor Alonso 2023-07-14 16:58:15 +02:00
parent 92fc4e87c7
commit 145a490c5d
No known key found for this signature in database
GPG key ID: 96D85952EE1373E6
4 changed files with 22 additions and 13 deletions

View file

@ -7,20 +7,25 @@ export function EventDataTable({ data = [] }) {
const { formatMessage, labels } = useMessages();
const { resolveUrl } = usePageQuery();
function linkToView(row, cell) {
return (
<Link href={resolveUrl({ view: row.field, event: row.event })} shallow={true}>
{cell}
</Link>
);
}
if (data.length === 0) {
return <Empty />;
}
return (
<GridTable data={data}>
<GridColumn name="event" label={formatMessage(labels.event)}>
{row => linkToView(row, row.event)}
</GridColumn>
<GridColumn name="field" label={formatMessage(labels.field)}>
{row => {
return (
<Link href={resolveUrl({ view: row.field })} shallow={true}>
{row.field}
</Link>
);
}}
{row => linkToView(row, row.field)}
</GridColumn>
<GridColumn name="total" label={formatMessage(labels.totalRecords)}>
{({ total }) => total.toLocaleString()}

View file

@ -5,7 +5,7 @@ import Icons from 'components/icons';
import PageHeader from 'components/layout/PageHeader';
import Empty from 'components/common/Empty';
export function EventDataTable({ data = [], field }) {
export function EventDataTable({ data = [], field, event }) {
const { formatMessage, labels } = useMessages();
const { resolveUrl } = usePageQuery();
@ -20,7 +20,9 @@ export function EventDataTable({ data = [], field }) {
<Text>{formatMessage(labels.back)}</Text>
</Button>
</Link>
<Text>{field}</Text>
<Text>
{event} - {field}
</Text>
</>
);
};