Updated reports components.

This commit is contained in:
Mike Cao 2025-03-26 21:54:23 -07:00
parent f5bc3dc6c2
commit 0f6cdf8b80
95 changed files with 580 additions and 698 deletions

View file

@ -1,8 +1,6 @@
import { createContext, ReactNode } from 'react';
import { Loading } from '@umami/react-zen';
import classNames from 'classnames';
import { Loading, Grid } from '@umami/react-zen';
import { useReportQuery } from '@/components/hooks';
import styles from './Report.module.css';
export const ReportContext = createContext(null);
@ -10,12 +8,10 @@ export function Report({
reportId,
defaultParameters,
children,
className,
}: {
reportId: string;
defaultParameters: { type: string; parameters: { [key: string]: any } };
children: ReactNode;
className?: string;
}) {
const report = useReportQuery(reportId, defaultParameters);
@ -25,7 +21,9 @@ export function Report({
return (
<ReportContext.Provider value={report}>
<div className={classNames(styles.container, className)}>{children}</div>
<Grid rows="auto 1fr" columns="auto 1fr" gap="6">
{children}
</Grid>
</ReportContext.Provider>
);
}