Update language. Resolve loading reports error.

This commit is contained in:
Brian Cao 2023-08-14 10:39:24 -07:00
parent 743e7c0477
commit 5168cf2a1b
5 changed files with 14 additions and 20 deletions

View file

@ -3,7 +3,7 @@ import Page from 'components/layout/Page';
import PageHeader from 'components/layout/PageHeader';
import { useMessages, useReports } from 'hooks';
import Link from 'next/link';
import { Button, Flexbox, Icon, Icons, Text } from 'react-basics';
import { Button, Icon, Icons, Text } from 'react-basics';
import ReportsTable from './ReportsTable';
export function ReportsPage() {
@ -12,6 +12,7 @@ export function ReportsPage() {
reports,
error,
isLoading,
deleteReport,
filter,
handleFilterChange,
handlePageChange,
@ -20,6 +21,10 @@ export function ReportsPage() {
const hasData = (reports && reports?.data.length !== 0) || filter;
const handleDelete = async id => {
await deleteReport(id);
};
return (
<Page loading={isLoading} error={error}>
<PageHeader title={formatMessage(labels.reports)}>
@ -41,12 +46,13 @@ export function ReportsPage() {
onFilterChange={handleFilterChange}
onPageChange={handlePageChange}
onPageSizeChange={handlePageSizeChange}
onDelete={deleteReport}
filterValue={filter}
showDomain={true}
/>
)}
{!hasData && (
<EmptyPlaceholder message={formatMessage(messages.noReportsConfigured)}></EmptyPlaceholder>
<EmptyPlaceholder message={formatMessage(messages.noDataAvailable)}></EmptyPlaceholder>
)}
</Page>
);