Jayden/AFFiNE-Mirror
0
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-09-06 08:50:50 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(core): lazy load doc card (#9192)

Browse Source
This commit is contained in:
EYHN
2024-12-18 03:40:33 +00:00
parent c31e9fdff4
commit 8374346b2e
1 changed files with 29 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/frontend/core/src/mobile/components/doc-card/index.tsx
+29 -24
View File
@@ -102,30 +102,35 @@ export const DocCard = forwardRef<HTMLAnchorElement, DocCardProps>(
data-visible={visible} data-visible={visible}
{...attrs} {...attrs}
> >
<header className={styles.head} data-testid="doc-card-header"> {visible && (
<h3 className={styles.title}>{title}</h3> <>
<IconButton <header className={styles.head} data-testid="doc-card-header">
aria-label="favorite" <h3 className={styles.title}>{title}</h3>
icon={ <IconButton
<IsFavoriteIcon onClick={toggleFavorite} favorite={favorited} /> aria-label="favorite"
} icon={
/> <IsFavoriteIcon
</header> onClick={toggleFavorite}
<main className={styles.content} style={contentStyle}> favorite={favorited}
{visible && ( />
<PagePreview }
fallback={ />
<> </header>
<Skeleton /> <main className={styles.content} style={contentStyle}>
<Skeleton width={'60%'} /> <PagePreview
</> fallback={
} <>
pageId={meta.id} <Skeleton />
emptyFallback={<div className={styles.contentEmpty}>Empty</div>} <Skeleton width={'60%'} />
/> </>
)} }
</main> pageId={meta.id}
{showTags ? <DocCardTags docId={meta.id} rows={2} /> : null} emptyFallback={<div className={styles.contentEmpty}>Empty</div>}
/>
</main>
{showTags ? <DocCardTags docId={meta.id} rows={2} /> : null}
</>
)}
</WorkbenchLink> </WorkbenchLink>
); );
} }