toeverything/AFFiNE
1
1
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2024-12-30 08:02:23 +03: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
No known key found for this signature in database
GPG Key ID: 46C9E26A75AB276C
1 changed files with 29 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
packages/frontend/core/src/mobile/components/doc-card/index.tsx
View File

@ -102,30 +102,35 @@ export const DocCard = forwardRef<HTMLAnchorElement, DocCardProps>(
data-visible={visible}
{...attrs}
>
<header className={styles.head} data-testid="doc-card-header">
<h3 className={styles.title}>{title}</h3>
<IconButton
aria-label="favorite"
icon={
<IsFavoriteIcon onClick={toggleFavorite} favorite={favorited} />
}
/>
</header>
<main className={styles.content} style={contentStyle}>
{visible && (
<PagePreview
fallback={
<>
<Skeleton />
<Skeleton width={'60%'} />
</>
}
pageId={meta.id}
emptyFallback={<div className={styles.contentEmpty}>Empty</div>}
/>
)}
</main>
{showTags ? <DocCardTags docId={meta.id} rows={2} /> : null}
{visible && (
<>
<header className={styles.head} data-testid="doc-card-header">
<h3 className={styles.title}>{title}</h3>
<IconButton
aria-label="favorite"
icon={
<IsFavoriteIcon
onClick={toggleFavorite}
favorite={favorited}
/>
}
/>
</header>
<main className={styles.content} style={contentStyle}>
<PagePreview
fallback={
<>
<Skeleton />
<Skeleton width={'60%'} />
</>
}
pageId={meta.id}
emptyFallback={<div className={styles.contentEmpty}>Empty</div>}
/>
</main>
{showTags ? <DocCardTags docId={meta.id} rows={2} /> : null}
</>
)}
</WorkbenchLink>
);
}