fix: summary component in preview

src/app/preview/page.tsx

@@ -66,16 +66,16 @@ export default function PreviewPage() {
     const search = location.search
     const searchParams = new URLSearchParams(search)
 
-    let targinOrigin = searchParams.get('origin')
+    let targetOrigin = searchParams.get('origin')
 
-    if (!targinOrigin) {
+    if (!targetOrigin) {
       return
     }
-    targinOrigin = decodeURIComponent(targinOrigin)
-    window.opener.postMessage('Preview Page Ready', targinOrigin)
+    targetOrigin = decodeURIComponent(targetOrigin)
+    window.opener.postMessage('Preview Page Ready', targetOrigin)
 
     const handler = debounce((e) => {
-      if (e.origin !== targinOrigin) {
+      if (e.origin !== targetOrigin) {
         return
       }
 
@@ -93,7 +93,6 @@ export default function PreviewPage() {
 
   const previewData = useAtomValue(previewDataAtom)
 
-  // console.log(previewData)
   if (!previewData) {
     return null
   }
@@ -166,6 +165,8 @@ const NotePreview = () => {
               next: undefined,
               data: {
                 ...data,
+
+                created: new Date().toISOString(),
                 images: data.images ?? [],
                 count: data.count ?? {
                   read: 0,

src/components/widgets/peek/NotePreview.tsx

@@ -23,7 +23,8 @@ import { queries } from '~/queries/definition'
 
 import { NoteHideIfSecret, NoteMetaBar, NoteRootBanner } from '../note'
 import { BanCopyWrapper } from '../shared/BanCopyWrapper'
-import { SummarySwitcher } from '../shared/SummarySwitcher'
+import { XLogSummary } from '../xlog'
+import { getCidForBaseModel } from '../xlog/utils'
 
 interface NotePreviewProps {
   noteId: number
@@ -56,7 +57,7 @@ export const NotePreview: FC<NotePreviewProps> = (props) => {
           </header>
 
           <NoteHideIfSecret>
-            <SummarySwitcher data={data.data} />
+            <XLogSummary cid={getCidForBaseModel(data)} />
             <WrappedElementProvider>
               <BanCopyWrapper>
                 <NoteMarkdownImageRecordProvider>

src/components/widgets/peek/PostPreview.tsx

@@ -20,7 +20,8 @@ import { WrappedElementProvider } from '~/providers/shared/WrappedElementProvide
 import { queries } from '~/queries/definition'
 
 import { PostOutdate } from '../post'
-import { SummarySwitcher } from '../shared/SummarySwitcher'
+import { XLogSummary } from '../xlog'
+import { getCidForBaseModel } from '../xlog/utils'
 
 interface PostPreviewProps {
   category: string
@@ -43,11 +44,8 @@ export const PostPreview: FC<PostPreviewProps> = (props) => {
             <h1 className="text-center">
               <Balancer>{data.title}</Balancer>
             </h1>
-
             <PostMetaBarInternal className="mb-8 justify-center" />
-
-            <SummarySwitcher data={data} />
-
+            <XLogSummary cid={getCidForBaseModel(data)} />
             <PostOutdate />
           </header>
           <WrappedElementProvider>

src/components/widgets/shared/SummarySwitcher.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import { memo } from 'react'
 import type { FC } from 'react'
 import type { AiSummaryProps } from '../ai/Summary'