Render children for data tables.

This commit is contained in:
Mike Cao 2024-05-07 22:47:39 -07:00
parent 8bdb333716
commit 3c27f08a97
8 changed files with 45 additions and 29 deletions

View file

@ -18,6 +18,10 @@ export function WebsitesDataTable({
}) {
const queryResult = useWebsites({ teamId });
if (!queryResult?.result?.data?.length) {
return children;
}
return (
<DataTable queryResult={queryResult}>
{({ data }) => (
@ -27,9 +31,7 @@ export function WebsitesDataTable({
showActions={showActions}
allowEdit={allowEdit}
allowView={allowView}
>
{children}
</WebsitesTable>
/>
)}
</DataTable>
);

View file

@ -23,6 +23,10 @@ export function WebsitesTable({
const breakpoint = useBreakpoint();
const { renderTeamUrl } = useTeamUrl();
if (!data?.length) {
return children;
}
return (
<GridTable data={data} cardMode={['xs', 'sm', 'md'].includes(breakpoint)}>
<GridColumn name="name" label={formatMessage(labels.name)} />
@ -55,7 +59,6 @@ export function WebsitesTable({
}}
</GridColumn>
)}
{children}
</GridTable>
);
}