From d8ba333fe92f2320e21c4bb61951a01c323c23e0 Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Fri, 1 Mar 2024 13:02:38 +0800
Subject: [PATCH] fix: post related

Signed-off-by: Innei <i@innei.in>
---
 .../posts/(post-detail)/[category]/[slug]/pageImpl.tsx |  3 ++-
 src/components/modules/post/PostRelated.tsx            | 10 ++++++----
 2 files changed, 8 insertions(+), 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
index 61f0ba8cd5..f91df17127 100644
--- 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
index 35350bee3c..ded565fb93 100644
--- 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) => {