#77

2025-07-11 02:05:16 +09:00
parent b83fc6369a
commit 3c89d14636
9 changed files with 191 additions and 66 deletions
@@ -3,6 +3,7 @@ import toCamel from 'camelcase-keys'
 import React, { useEffect, useState } from 'react'
 import { Helmet } from 'react-helmet-async'
 import { Link } from 'react-router-dom'
+
 import SectionTitle from '@/components/common/SectionTitle'
 import MainArea from '@/components/layout/MainArea'
 import { API_BASE_URL, SITE_TITLE } from '@/config'
@@ -18,7 +19,7 @@ export default () => {

  const search = () => {
    void (axios.get (`${ API_BASE_URL }/wiki/search`, { params: { title } })
-          .then (res => setResults (toCamel (res.data, { deep: true }))))
+	  .then (res => setResults (toCamel (res.data, { deep: true }))))
  }

  const handleSearch = (e: React.FormEvent) => {
@@ -32,62 +33,62 @@ export default () => {

  return (
      <MainArea>
-        <Helmet>
-          <title>{`Wiki | ${ SITE_TITLE }`}</title>
-        </Helmet>
-        <div className="max-w-xl">
-          <SectionTitle className="text-xl mb-4">Wiki</SectionTitle>
-          <form onSubmit={handleSearch} className="space-y-2">
-            {/* タイトル */}
-            <div>
-              <label>タイトル：</label><br />
-              <input type="text"
-                     value={title}
-                     onChange={e => setTitle (e.target.value)}
-                     className="border p-1 w-full" />
-            </div>
+	<Helmet>
+	  <title>Wiki | {SITE_TITLE}</title>
+	</Helmet>
+	<div className="max-w-xl">
+	  <SectionTitle>Wiki</SectionTitle>
+	  <form onSubmit={handleSearch} className="space-y-2">
+	    {/* タイトル */}
+	    <div>
+	      <label>タイトル：</label><br />
+	      <input type="text"
+		     value={title}
+		     onChange={e => setTitle (e.target.value)}
+		     className="border p-1 w-full" />
+	    </div>

-            {/* 内容 */}
-            <div>
-              <label>内容：</label><br />
-              <input type="text"
-                     value={text}
-                     onChange={e => setText (e.target.value)}
-                     className="border p-1 w-full" />
-            </div>
+	    {/* 内容 */}
+	    <div>
+	      <label>内容：</label><br />
+	      <input type="text"
+		     value={text}
+		     onChange={e => setText (e.target.value)}
+		     className="border p-1 w-full" />
+	    </div>

-            {/* 検索 */}
-            <div className="py-3">
-              <button type="submit"
-                      className="bg-blue-500 text-white px-4 py-2 rounded">
-                検索
-              </button>
-            </div>
-          </form>
-        </div>
+	    {/* 検索 */}
+	    <div className="py-3">
+	      <button type="submit"
+		      className="bg-blue-500 text-white px-4 py-2 rounded">
+		検索
+	      </button>
+	    </div>
+	  </form>
+	</div>

-        <div className="mt-4">
-          <table className="table-auto w-full border-collapse">
-            <thead>
-              <tr>
-                <th className="p-2 text-left">タイトル</th>
-                <th className="p-2 text-left">最終更新</th>
-              </tr>
-            </thead>
-            <tbody>
-              {results.map (page => (
-                  <tr key={page.id}>
-                    <td className="p-2">
-                      <Link to={`/wiki/${ encodeURIComponent (page.title) }`}>
-                        {page.title}
-                      </Link>
-                    </td>
-                    <td className="p-2 text-gray-100 text-sm">
-                      {page.updatedAt}
-                    </td>
-                  </tr>))}
-            </tbody>
-          </table>
-        </div>
+	<div className="mt-4">
+	  <table className="table-auto w-full border-collapse">
+	    <thead>
+	      <tr>
+		<th className="p-2 text-left">タイトル</th>
+		<th className="p-2 text-left">最終更新</th>
+	      </tr>
+	    </thead>
+	    <tbody>
+	      {results.map (page => (
+		  <tr key={page.id}>
+		    <td className="p-2">
+		      <Link to={`/wiki/${ encodeURIComponent (page.title) }`}>
+			{page.title}
+		      </Link>
+		    </td>
+		    <td className="p-2 text-gray-100 text-sm">
+		      {page.updatedAt}
+		    </td>
+		  </tr>))}
+	    </tbody>
+	  </table>
+	</div>
      </MainArea>)
 }