watson/umami
1
0
Fork 0
mirror of https://github.com/umami-software/umami.git synced 2026-02-08 14:47:14 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Fixed event data display.

Browse source
This commit is contained in:
Mike Cao 2023-08-04 15:31:46 -07:00
parent 89f7b39bfe
commit 91d2b596d6
4 changed files with 20 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

15
components/pages/event-data/EventDataValueTable.js
View file

@ -1,18 +1,19 @@
import { GridTable, GridColumn, Button, Icon, Text, Flexbox } from 'react-basics';
import { GridTable, GridColumn, Button, Icon, Text } from 'react-basics';
import { useMessages, usePageQuery } from 'hooks';
import Link from 'next/link';
import Icons from 'components/icons';
import PageHeader from 'components/layout/PageHeader';
import Empty from 'components/common/Empty';
import { DATA_TYPES } from 'lib/constants';
export function EventDataValueTable({ data = [], event }) {
export function EventDataValueTable({ data = [], eventName }) {
const { formatMessage, labels } = useMessages();
const { resolveUrl } = usePageQuery();
const Title = () => {
return (
<>
<Link href={resolveUrl({ event: undefined })}>
<Link href={resolveUrl({ eventName: undefined })}>
<Button>
<Icon rotate={180}>
<Icons.ArrowRight />
@ -20,7 +21,7 @@ export function EventDataValueTable({ data = [], event }) {
<Text>{formatMessage(labels.back)}</Text>
</Button>
</Link>
<Text>{event}</Text>
<Text>{eventName}</Text>
</>
);
};
@ -31,8 +32,10 @@ export function EventDataValueTable({ data = [], event }) {
{data.length <= 0 && <Empty />}
{data.length > 0 && (
<GridTable data={data}>
<GridColumn name="field" label={formatMessage(labels.field)} />
<GridColumn name="value" label={formatMessage(labels.value)} />
<GridColumn name="fieldName" label={formatMessage(labels.field)} />
<GridColumn name="dataType" label={formatMessage(labels.type)}>
{row => DATA_TYPES[row.dataType]}
</GridColumn>
<GridColumn name="total" label={formatMessage(labels.totalRecords)} width="200px">
{({ total }) => total.toLocaleString()}
</GridColumn>