#59 関聯投稿一覧の追加

frontend/src/pages/posts/PostDetailPage.tsx

@@ -4,6 +4,7 @@ import { useEffect, useState } from 'react'
 import { Helmet } from 'react-helmet-async'
 import { useParams } from 'react-router-dom'
 
+import PostList from '@/components/PostList'
 import TagDetailSidebar from '@/components/TagDetailSidebar'
 import NicoViewer from '@/components/NicoViewer'
 import PostEditForm from '@/components/PostEditForm'
@@ -117,6 +118,9 @@ export default ({ user }: Props) => {
 		  {post.viewed ? '閲覧済' : '未閲覧'}
 		</Button>
 		<TabGroup>
+		  <Tab name="関聯">
+		    <PostList posts={post.related} />
+		  </Tab>
 		  {(['admin', 'member'].some (r => user?.role === r) && editing) && (
 		      <Tab name="編輯">
 			<PostEditForm post={post}

frontend/src/types.ts

@@ -23,7 +23,8 @@ export type Post = {
     thumbnail:      string
     thumbnailBase:  string
     tags:           Tag[]
-    viewed:         boolean }
+    viewed:         boolean
+    related:        Post[] }
 
 export type SubMenuItem = {
     component:  React.ReactNode