fix: add cover for preview modal

Signed-off-by: Innei <[email protected]>

src/components/widgets/peek/NotePreview.tsx

@@ -11,6 +11,7 @@ import {
   NoteMarkdownImageRecordProvider,
   NoteTitle,
 } from '~/app/notes/[id]/pageExtra'
+import { AckRead } from '~/components/common/AckRead'
 import { ClientOnly } from '~/components/common/ClientOnly'
 import { Paper } from '~/components/layout/container/Paper'
 import { Loading } from '~/components/ui/loading'
@@ -22,6 +23,7 @@ import { WrappedElementProvider } from '~/providers/shared/WrappedElementProvide
 import { queries } from '~/queries/definition'
 
 import { NoteHideIfSecret, NoteMetaBar, NoteRootBanner } from '../note'
+import { NoteHeadCover } from '../note/NoteHeadCover'
 import { BanCopyWrapper } from '../shared/BanCopyWrapper'
 import { XLogSummary } from '../xlog'
 import { getCidForBaseModel } from '../xlog/utils'
@@ -52,10 +54,13 @@ export const NotePreview: FC<NotePreviewProps> = (props) => {
   const overrideAtom = useMemo(() => atom(null! as NoteWrappedPayload), [])
   if (isLoading) return <Loading className="w-full" useDefaultLoadingText />
   if (!data) return null
+  const note = data.data
   return (
     <CurrentNoteDataAtomProvider overrideAtom={overrideAtom}>
       <CurrentNoteDataProvider data={data} />
+      {!!note.id && <AckRead id={note.id} type="note" />}
       <Paper>
+        {note.meta?.cover && <NoteHeadCover image={note.meta.cover} />}
         <IndentArticleContainer>
           <header>
             <NoteTitle />

src/components/widgets/peek/PostPreview.tsx

@@ -10,6 +10,7 @@ import {
   PostMarkdownImageRecordProvider,
   PostMetaBarInternal,
 } from '~/app/posts/(post-detail)/[category]/[slug]/pageExtra'
+import { AckRead } from '~/components/common/AckRead'
 import { Paper } from '~/components/layout/container/Paper'
 import { Loading } from '~/components/ui/loading'
 import {
@@ -54,6 +55,7 @@ export const PostPreview: FC<PostPreviewProps> = (props) => {
   return (
     <CurrentPostDataAtomProvider overrideAtom={overrideAtom}>
       <CurrentPostDataProvider data={data} />
+      {!!data.id && <AckRead id={data.id} type="post" />}
       <Paper>
         <article className="prose relative w-full min-w-0">
           <header className="mb-8">