細部

frontend/src/components/WikiBody.tsx

@@ -1,13 +1,14 @@
 import ReactMarkdown from 'react-markdown'
 import { Link } from 'react-router-dom'
 
-type Props = { body: string }
+type Props = { title: string
+	       body?: string }
 
 
-export default ({ body }: Props) => (
+export default ({ title, body }: Props) => (
     <ReactMarkdown components={{ a: (
-        ({ href, children }) => (['/', '.'].some (e => href?.startsWith (e))
+	({ href, children }) => (['/', '.'].some (e => href?.startsWith (e))
-                                 ? <Link to={href!}>{children}</Link>
+				 ? <Link to={href!}>{children}</Link>
-                                 : <a href={href} target="_blank" rel="noopener noreferrer">{children}</a>)) }}>
+				 : <a href={href} target="_blank" rel="noopener noreferrer">{children}</a>)) }}>
-      {body}
+      {body || `このページは存在しません。[新規作成してください](/wiki/new?title=${ encodeURIComponent (title) })。`}
     </ReactMarkdown>)

frontend/src/components/common/TabGroup.tsx

@@ -2,8 +2,8 @@ import React, { useState } from 'react'
 import { cn } from '@/lib/utils'
 
 type TabProps = { name:     string
-                  init?:    boolean
+		  init?:    boolean
-                  children: React.ReactNode }
+		  children: React.ReactNode }
 
 type Props = { children: React.ReactNode }
 
@@ -20,20 +20,20 @@ export default ({ children }: Props) => {
 
   return (
       <div className="mt-4">
-        <div className="flex gap-4">
+	<div className="flex gap-4">
-          {tabs.map ((tab, i) => (
+	  {tabs.map ((tab, i) => (
-              <a key={i}
+	      <a key={i}
-                 href="#"
+		 href="#"
-                 className={cn (i === current && 'font-bold')}
+		 className={cn (i === current && 'font-bold')}
-                 onClick={ev => {
+		 onClick={ev => {
-                   ev.preventDefault ()
+		   ev.preventDefault ()
-                   setCurrent (i)
+		   setCurrent (i)
-                 }}>
+		 }}>
-                {tab.props.name}
+		{tab.props.name}
-              </a>))}
+	      </a>))}
-        </div>
+	</div>
-        <div className="mt-2">
+	<div className="mt-2">
-          {tabs[current]}
+	  {tabs[current]}
-        </div>
+	</div>
       </div>)
 }

frontend/src/pages/posts/PostListPage.tsx

@@ -129,11 +129,11 @@ export default () => {
 	      {loading && 'Loading...'}
 	      <div ref={loaderRef} className="h-12"></div>
 	    </Tab>
-	    {(wikiPage && wikiPage.body) && (
+	    {tags.length === 1 && (
-		<Tab name="Wiki" init={!(posts.length)}>
+		<Tab name="Wiki">
-		  <WikiBody body={wikiPage.body} />
+		  <WikiBody body={wikiPage?.body} title={tags[0]} />
 		  <div className="my-2">
-		    <Link to={`/wiki/${ encodeURIComponent (wikiPage.title) }`}>
+		    <Link to={`/wiki/${ encodeURIComponent (tags[0]) }`}>
 		      Wiki を見る
 		    </Link>
 		  </div>

frontend/src/pages/wiki/WikiDetailPage.tsx

@@ -123,7 +123,7 @@ export default () => {
 	<div className="prose mx-auto p-4">
 	  {wikiPage === undefined
 	   ? 'Loading...'
-	   : <WikiBody body={wikiPage?.body || `このページは存在しません。[新規作成してください](/wiki/new?title=${ encodeURIComponent (title) })。`} />}
+	   : <WikiBody body={wikiPage?.body} title={title} />}
 	</div>
 
 	{(!(version) && posts.length > 0) && (