Cutlery/Kyoo
1
0
Fork 0
mirror of https://github.com/zoriya/Kyoo.git synced 2025-05-24 02:02:36 -04:00
Code Issues Packages Projects Releases Wiki Activity

Show list headers on error

Browse Source
This commit is contained in:
Zoe Roux 2023-04-05 01:48:31 +09:00
parent ca1d2dd16f
commit 3b98263fbc
1 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
front/packages/ui/src/fetch-infinite.web.tsx
View File

@ -119,7 +119,7 @@ export const InfiniteFetch = <Data,>({
});
const grid = layout.numColumns !== 1;
if (error) return <ErrorView error={error} />;
if (error) return addHeader(Header, <ErrorView error={error} />);
if (empty && items && items.length === 0) {
if (typeof empty !== "string") return empty;
return <EmptyView message={empty} />;
@ -147,14 +147,20 @@ export const InfiniteFetch = <Data,>({
))}
</InfiniteScroll>
);
return addHeader(Header, list);
};
if (!Header) return list;
const addHeader = (
Header: ComponentType<{ children: JSX.Element }> | ReactElement | undefined,
children: ReactElement,
) => {
if (!Header) return children;
return typeof Header === "function" ? (
<Header>{list}</Header>
<Header>{children}</Header>
) : (
<>
{Header}
{list}
{children}
</>
);
};