コメントモデルのcontentフィールドをtextフィールドに変更し、関連するコンポーネントとテストを更新しました。

Author: ttizze

web/app/routes/resources+/comment/components/CommentForm.tsx

@@ -21,7 +21,7 @@ export function CommentForm({
 		shouldValidate: "onInput",
 		defaultValue: {
 			pageId: pageId,
-			content: "",
+			text: "",
 		},
 	});
 
@@ -36,7 +36,7 @@ export function CommentForm({
 				<input type="hidden" name="pageId" value={pageId} />
 				<input type="hidden" name="intent" value="create" />
 				<Textarea
-					{...getTextareaProps(fields.content)}
+					{...getTextareaProps(fields.text)}
 					placeholder="comment"
 					className={`min-h-[100px] ${!currentUserName && "bg-muted"}`}
 					disabled={!currentUserName}
@@ -52,10 +52,8 @@ export function CommentForm({
 					{fetcher.state !== "idle" ? "posting" : "post"}
 				</Button>
 			</fetcher.Form>
-			{fields.content.errors && (
-				<p className="text-sm text-red-500">
-					{fields.content.errors?.join(", ")}
-				</p>
+			{fields.text.errors && (
+				<p className="text-sm text-red-500">{fields.text.errors?.join(", ")}</p>
 			)}
 		</>
 	);

web/app/routes/resources+/comment/components/CommentList.tsx

@@ -72,7 +72,7 @@ export function CommentList({
 							</div>
 						</div>
 					</div>
-					<div className="mt-2 whitespace-pre-wrap">{comment.content}</div>
+					<div className="mt-2 whitespace-pre-wrap">{comment.text}</div>
 				</div>
 			))}
 		</div>

web/app/routes/resources+/comment/route.test.tsx

@@ -36,7 +36,7 @@ describe("resource+/comment/route.ts action", () => {
 		// prisma.create の返り値モック
 		const mockComment = {
 			id: 1,
-			content: "Hello",
+			text: "Hello",
 			pageId: 1,
 			userId: 123,
 			createdAt: new Date(),
@@ -52,7 +52,7 @@ describe("resource+/comment/route.ts action", () => {
 		const formData = new FormData();
 		formData.append("intent", "create");
 		formData.append("pageId", "1");
-		formData.append("content", "Hello");
+		formData.append("text", "Hello");
 
 		const request = new Request("http://test.com/comment", {
 			method: "POST",
@@ -64,7 +64,7 @@ describe("resource+/comment/route.ts action", () => {
 		// 正しい引数で create が呼ばれたか
 		expect(prisma.comment.create).toHaveBeenCalledWith({
 			data: {
-				content: "Hello",
+				text: "Hello",
 				pageId: 1,
 				userId: 123,
 			},
@@ -129,7 +129,7 @@ describe("resource+/comment/route.ts action", () => {
 		vi.mocked(prisma.comment.findUnique).mockResolvedValueOnce({
 			id: 10,
 			userId: 999,
-			content: "Hello",
+			text: "Hello",
 			pageId: 1,
 			createdAt: new Date(),
 			updatedAt: new Date(),
@@ -171,7 +171,7 @@ describe("resource+/comment/route.ts action", () => {
 		vi.mocked(prisma.comment.findUnique).mockResolvedValueOnce({
 			id: 10,
 			userId: 123,
-			content: "Hello",
+			text: "Hello",
 			pageId: 1,
 			createdAt: new Date(),
 			updatedAt: new Date(),

web/app/routes/resources+/comment/route.tsx

@@ -6,7 +6,7 @@ import { prisma } from "~/utils/prisma";
 
 export const createCommentSchema = z.object({
 	pageId: z.number(),
-	content: z.string().min(1, "Comment cannot be empty"),
+	text: z.string().min(1, "Comment cannot be empty"),
 	intent: z.literal("create"),
 });
 
@@ -38,7 +38,7 @@ export async function action({ request }: ActionFunctionArgs) {
 		case "create": {
 			const comment = await prisma.comment.create({
 				data: {
-					content: submission.value.content,
+					text: submission.value.text,
 					pageId: submission.value.pageId,
 					userId: currentUser.id,
 				},