fix: ドキュメント管理のタイトルと見出しをナレッジ管理に変更し、説明文を追加

nomhiro · nomhiro · commit dc40381540d9 · 2025-05-03T22:44:11.000+09:00
fix: DocumentListコンポーネントでのドキュメント名のクリック時にonEditを呼び出すよう修正
diff --git a/frontend/src/app/(main)/documents/page.tsx b/frontend/src/app/(main)/documents/page.tsx
@@ -116,10 +116,13 @@ export default function DocumentsPage() {
   return (
     <>
       <Head>
-        <title>ドキュメント管理</title> {/* タイトルを設定 */}
+        <title>ナレッジ管理</title> {/* タイトルを設定 */}
       </Head>
       <main className="flex flex-col text-gray-800 w-full h-full overflow-y-auto">
-        <h1 className="text-xl font-bold text-center">ドキュメント管理</h1>
+        <h1 className="text-xl font-bold text-center">ナレッジ管理</h1>
+        <p className="text-sm text-center text-gray-600 mt-2">
+          登録したナレッジをもとにチャットアプリで質問回答できます。
+        </p>
         <div className="flex justify-center items-center p-4 space-x-2">
           <Suspense fallback={<p>カテゴリを取得中...</p>}>
             <CategoryDropdown
diff --git a/frontend/src/components/documents/DocumentList.tsx b/frontend/src/components/documents/DocumentList.tsx
@@ -1,5 +1,5 @@
 import { CosmosItem } from "@/models/models";
-import { FaEdit, FaTrash, FaPlus } from "react-icons/fa";
+import { FaTrash, FaPlus } from "react-icons/fa";
 
 export default function DocumentList({
   documents,
@@ -32,14 +32,13 @@ export default function DocumentList({
               key={doc.id}
               className="border-b py-2 flex justify-between items-center"
             >
-              <p className="text-sm">{doc.file_name}</p>
+              <p
+                className="text-sm cursor-pointer text-blue-500"
+                onClick={() => onEdit(doc)} // ドキュメント名をクリックしたときにonEditを呼び出す
+              >
+                {doc.file_name}
+              </p>
               <div className="flex space-x-2">
-                <button
-                  className="text-blue-500 text-sm"
-                  onClick={() => onEdit(doc)}
-                >
-                  <FaEdit />
-                </button>
                 <button
                   className="text-red-500 text-sm"
                   onClick={() => onDelete(doc.id)}
