Mirrors/notesnook
1
0
Fork 0
mirror of https://github.com/streetwriters/notesnook.git synced 2026-09-01 19:49:54 +02:00
Code Issues Packages Projects Releases Wiki Activity

web: fix loading skeleton for compact items in list

Browse Source
This commit is contained in:
Abdullah Atta
2024-03-06 15:36:28 +05:00
parent 49d4d2b6f9
commit cdd089fcf3
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
apps/web/src/components/list-container/index.tsx
View File

@@ -258,7 +258,13 @@ function ItemRenderer({
compact
} = context;
const resolvedItem = useResolvedItem({ index, items });
if (!resolvedItem || !resolvedItem.item)
if (!resolvedItem || !resolvedItem.item) {
if (compact)
return (
<Box key="list-item-skeleton" sx={{ py: 1, px: 1 }}>
<Skeleton enableAnimation={false} height={12} width={`50%`} />
</Box>
);
return (
<Box key="list-item-skeleton" sx={{ py: 2, px: 1 }}>
<Skeleton
@@ -289,6 +295,7 @@ function ItemRenderer({
</Flex>
</Box>
);
}
return (
<>