fix: post related

Signed-off-by: Innei <i@innei.in>
Innei · Mar 1, 2024 · d8ba333 · d8ba333
1 parent fe234f4
commit d8ba333
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/src/app/(app)/posts/(post-detail)/[category]/[slug]/pageImpl.tsx b/src/app/(app)/posts/(post-detail)/[category]/[slug]/pageImpl.tsx
@@ -48,7 +48,7 @@ const PostPage = (props: PostModel) => {
           <SummarySwitcher data={props} />
           <PostOutdate />
 
-          <PostRelated />
+          <PostRelated infoText="阅读此文章之前，你可能需要首先阅读以下的文章才能更好的理解上下文。" />
         </header>
         <WrappedElementProvider eoaDetect>
           <ReadIndicatorForMobile />
@@ -67,6 +67,7 @@ const PostPage = (props: PostModel) => {
         </WrappedElementProvider>
       </article>
       <ClientOnly>
+        <PostRelated infoText="关联阅读" />
         <PostCopyright />
         {/* <SubscribeBell defaultType="post_c" /> */}
         <XLogInfoForPost />

diff --git a/src/components/modules/post/PostRelated.tsx b/src/components/modules/post/PostRelated.tsx
@@ -1,10 +1,14 @@
 'use client'
 
+import type { FC } from 'react'
+
 import { useCurrentPostDataSelector } from '~/providers/post/CurrentPostDataProvider'
 
 import { PeekLink } from '../peek/PeekLink'
 
-export const PostRelated = () => {
+export const PostRelated: FC<{
+  infoText: string
+}> = ({ infoText }) => {
   const related = useCurrentPostDataSelector((s) => s?.related)
   if (!related) {
     return null
@@ -16,9 +20,7 @@ export const PostRelated = () => {
   return (
     <div data-hide-print className="mb-5 mt-8">
       <h3 className="text-lg font-medium">
-        <span>
-          阅读此文章之前，你可能需要首先阅读以下的文章才能更好的理解上下文。
-        </span>
+        <span>{infoText}</span>
       </h3>
       <ul className="list-inside list-disc">
         {related.map((post) => {