Breakdown feature for insights report.

This commit is contained in:
Mike Cao 2023-08-06 22:52:17 -07:00
parent 5e1111db5d
commit f48720c915
6 changed files with 51 additions and 46 deletions

View file

@ -6,14 +6,15 @@ import { ReportContext } from '../Report';
export function InsightsTable() {
const { report } = useContext(ReportContext);
const { formatMessage, labels } = useMessages();
const { fields = [] } = report?.parameters || {};
const { groups = [] } = report?.parameters || {};
return (
<GridTable data={report?.data || []}>
{fields.map(({ name }) => {
return <GridColumn key={name} name={name} label={name} />;
{groups.map(({ name, label }) => {
return <GridColumn key={name} name={name} label={label} />;
})}
<GridColumn name="total" label={formatMessage(labels.total)} />
<GridColumn name="views" label={formatMessage(labels.views)} width="100px" />
<GridColumn name="visitors" label={formatMessage(labels.visitors)} width="100px" />
</GridTable>
);
}