投稿検索ページ（#206） (#274)

#206 エラー修正

#206 updated_at の並び順修正

Merge remote-tracking branch 'origin/main' into feature/206

Merge branch 'main' into feature/206

Merge branch 'main' into feature/206

Merge branch 'main' into feature/206

#206

#206

#206

#206

#206

#206 タグ補完追加

#206

#206

#206

#206

#206

Merge remote-tracking branch 'origin/main' into feature/206

#206

Co-authored-by: miteruzo <miteruzo@naver.com>
Reviewed-on: #274

frontend/src/components/PostFormTagsArea.tsx

@@ -1,3 +1,5 @@
+// TODO: TagSearch と共通化する．
+
 import { useRef, useState } from 'react'
 
 import TagSearchBox from '@/components/TagSearchBox'
@@ -81,9 +83,7 @@ export default (({ tags, setTags }: Props) => {
 	      const pos = (ev.target as HTMLTextAreaElement).selectionStart
 	      await recompute (pos)
 	    }}
-	    onFocus={() => {
-	      setFocused (true)
-	    }}
+	    onFocus={() => setFocused (true)}
 	    onBlur={() => {
 	      setFocused (false)
 	      setSuggestionsVsbl (false)

frontend/src/components/TagDetailSidebar.tsx

@@ -19,6 +19,7 @@ import SidebarComponent from '@/components/layout/SidebarComponent'
 import { toast } from '@/components/ui/use-toast'
 import { CATEGORIES } from '@/consts'
 import { apiDelete, apiGet, apiPatch, apiPost } from '@/lib/api'
+import { dateString, originalCreatedAtString } from '@/lib/utils'
 
 import type { DragEndEvent } from '@dnd-kit/core'
 import type { FC, MutableRefObject, ReactNode } from 'react'
@@ -343,7 +344,7 @@ export default (({ post }: Props) => {
 		       : 'bot操作'}
 		    </li>
 		    */}
-		    <li>耕作日時: {(new Date (post.createdAt)).toLocaleString ()}</li>
+		    <li>耕作日時: {dateString (post.createdAt)}</li>
 		    <li>
 		      <>リンク: </>
 		      <a
@@ -355,20 +356,14 @@ export default (({ post }: Props) => {
 		      </a>
 		    </li>
 		    <li>
-		      {/* TODO: 表示形式きしょすぎるので何とかする */}
 		      <>オリジナルの投稿日時: </>
-		      {!(post.originalCreatedFrom) && !(post.originalCreatedBefore)
-		       ? '不明'
-		       : (
-			  <>
-			    {post.originalCreatedFrom
-			     && `${ (new Date (post.originalCreatedFrom)).toLocaleString () } 以降 `}
-			    {post.originalCreatedBefore
-			     && `${ (new Date (post.originalCreatedBefore)).toLocaleString () } より前`}
-			  </>)}
+		      {originalCreatedAtString (post.originalCreatedFrom,
+						post.originalCreatedBefore)}
 		    </li>
 		    <li>
-		      <PrefetchLink to={`/posts/changes?id=${ post.id }`}>履歴</PrefetchLink>
+		      <PrefetchLink to={`/posts/changes?id=${ post.id }`}>
+			履歴
+		      </PrefetchLink>
 		    </li>
 		  </ul>
 		</div>)}

frontend/src/components/TagSearch.tsx

@@ -1,3 +1,5 @@
+// TODO: タグ入力系すべてに同様の処理あるため共通化する．
+
 import { useEffect, useState } from 'react'
 import { useNavigate, useLocation } from 'react-router-dom'
 

frontend/src/components/TopNav.tsx

@@ -69,8 +69,9 @@ export default (({ user }: Props) => {
   const menu: Menu = [
       { name: '広場', to: '/posts', subMenu: [
 	  { name: '一覧', to: '/posts' },
+	  { name: '検索', to: '/posts/search' },
 	  { name: '投稿追加', to: '/posts/new' },
-	  { name: '耕作履歴', to: '/posts/changes' },
+	  { name: '履歴', to: '/posts/changes' },
 	  { name: 'ヘルプ', to: '/wiki/ヘルプ:広場' }] },
       { name: 'タグ', to: '/tags', subMenu: [
 	  { name: 'タグ一覧', to: '/tags', visible: false },