From a691df7b3fd9ff17ddaa203f83de1354cba760ca Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E3=81=BF=E3=81=A6=E3=82=8B=E3=81=9E?= <miteruzo@naver.com>
Date: Sun, 28 Sep 2025 10:42:50 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=8A=95=E7=A8=BF=E8=A9=B3=E7=B4=B0?=
 =?UTF-8?q?=E3=81=AE=E3=82=B5=E3=82=A4=E3=83=89=E3=83=BB=E3=83=90=E3=83=BC?=
 =?UTF-8?q?=E3=81=AB=E6=8A=95=E7=A8=BF=E6=83=85=E5=A0=B1=E8=BF=BD=E5=8A=A0?=
 =?UTF-8?q?=EF=BC=88#102=EF=BC=89=20(#131)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Merge branch 'main' into #102

#102 サイドバーの投稿詳細

Merge branch '#102' of https://git.miteruzo.com/miteruzo/btrc-hub into #102

#102 サイドバーの投稿詳細，形だけ

#102 サイドバーの投稿詳細，形だけ

Co-authored-by: miteruzo <miteruzo@naver.com>
Reviewed-on: https://git.miteruzo.com/miteruzo/btrc-hub/pulls/131
---
 frontend/src/components/TagDetailSidebar.tsx | 48 +++++++++++++++++++-
 1 file changed, 46 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/TagDetailSidebar.tsx b/frontend/src/components/TagDetailSidebar.tsx
index 91d7092..6e2e2dd 100644
--- a/frontend/src/components/TagDetailSidebar.tsx
+++ b/frontend/src/components/TagDetailSidebar.tsx
@@ -2,6 +2,7 @@ import { useEffect, useState } from 'react'
 
 import TagLink from '@/components/TagLink'
 import TagSearch from '@/components/TagSearch'
+import SectionTitle from '@/components/common/SectionTitle'
 import SubsectionTitle from '@/components/common/SubsectionTitle'
 import SidebarComponent from '@/components/layout/SidebarComponent'
 import { CATEGORIES } from '@/consts'
@@ -53,11 +54,54 @@ export default (({ post }: Props) => {
 	    <div className="my-3" key={cat}>
 	      <SubsectionTitle>{categoryNames[cat]}</SubsectionTitle>
 	      <ul>
-		{tags[cat].map ((tag, i) => (
-		    <li key={i} className="mb-1">
+		{tags[cat].map (tag => (
+		    <li key={tag.id} className="mb-1">
 		      <TagLink tag={tag}/>
 		    </li>))}
 	      </ul>
 	    </div>))}
+	{post && (
+	    <div>
+	      <SectionTitle>情報</SectionTitle>
+	      <ul>
+		<li>Id.: {post.id}</li>
+		{/* TODO: uploadedUser の取得を対応したらコメント外す */}
+		{/*
+		<li>
+		  <>耕作者: </>
+		  {post.uploadedUser
+		   ? (
+		      <Link to={`/users/${ post.uploadedUser.id }`}>
+			{post.uploadedUser.name || '名もなきニジラー'}
+		      </Link>)
+		   : 'bot操作'}
+		</li>
+		*/}
+		<li>耕作日時: {(new Date (post.createdAt)).toLocaleString ()}</li>
+		<li>
+		  <>リンク: </>
+		  <a
+		      className="break-all"
+		      href={post.url}
+		      target="_blank"
+		      rel="noopener noreferrer nofollow">
+		    {post.url}
+		  </a>
+		</li>
+		<li>
+		  {/* TODO: 表示形式きしょすぎるので何とかする */}
+		  <>オリジナルの投稿日時: </>
+		  {!(post.originalCreatedFrom) && !(post.originalCreatedBefore)
+		   ? '不明'
+		   : (
+		      <>
+			{post.originalCreatedFrom
+			 && `${ (new Date (post.originalCreatedFrom)).toLocaleString () } 以降 `}
+			{post.originalCreatedBefore
+			 && `${ (new Date (post.originalCreatedBefore)).toLocaleString () } より前`}
+		      </>)}
+		</li>
+	      </ul>
+	    </div>)}
       </SidebarComponent>)
 }) satisfies FC<Props>