Updated loading for reports.

This commit is contained in:
Mike Cao 2023-12-12 20:05:45 -08:00
parent 9735769413
commit e1c65cdf2a
4 changed files with 24 additions and 7 deletions

View file

@ -1,5 +1,6 @@
'use client';
import { createContext, ReactNode } from 'react';
import { Loading } from 'react-basics';
import { useReport } from 'components/hooks';
import styles from './Report.module.css';
import classNames from 'classnames';
@ -17,11 +18,11 @@ export function Report({ reportId, defaultParameters, children, className }: Rep
const report = useReport(reportId, defaultParameters);
if (!report) {
return null;
return reportId ? <Loading position="page" /> : null;
}
return (
<ReportContext.Provider value={{ ...report }}>
<ReportContext.Provider value={report}>
<div className={classNames(styles.container, className)}>{children}</div>
</ReportContext.Provider>
);