Scaffolding for insights report.

This commit is contained in:
Mike Cao 2023-07-07 20:38:43 -07:00
parent 2f4d669836
commit 827102d907
9 changed files with 305 additions and 17 deletions

View file

@ -0,0 +1,19 @@
import { useContext } from 'react';
import { GridTable, GridColumn } from 'react-basics';
import { useMessages } from 'hooks';
import { ReportContext } from '../Report';
export function InsightsTable() {
const { report } = useContext(ReportContext);
const { formatMessage, labels } = useMessages();
return (
<GridTable data={report?.data || []}>
<GridColumn name="field" label={formatMessage(labels.field)} />
<GridColumn name="value" label={formatMessage(labels.value)} />
<GridColumn name="total" label={formatMessage(labels.total)} />
</GridTable>
);
}
export default InsightsTable;