Merge pull request #95 from givery-bootcamp/bug-fix/delete-post

bug-fix: 204のリクエストをzodios使って叩くとダメだということがわかったので、fetchに変えた

frontend/app/apiClient/apiClient.ts

@@ -1,6 +1,7 @@
 import { createApiClient } from "./output.generated";
 
-export const API_BASE_URL = process.env.API_BASE_URL ?? "http://localhost:4010";
+// export const API_BASE_URL = process.env.API_BASE_URL ?? "http://localhost:4010";
+export const API_BASE_URL = process.env.API_BASE_URL ?? "http://localhost:9000";
 
 const apiClient = createApiClient(API_BASE_URL, {});
 

frontend/app/routes/posts.$postId.tsx

@@ -15,7 +15,7 @@ import {
 import classNames from "classnames";
 import { useState } from "react";
 import formatDate from "utils/formatDate";
-import apiClient from "~/apiClient/apiClient";
+import apiClient, { API_BASE_URL } from "~/apiClient/apiClient";
 import Button from "~/components/button";
 import { useDialog } from "~/components/dialog";
 import Observable from "~/components/observable";
@@ -71,19 +71,16 @@ export async function loader({ params, request }: LoaderFunctionArgs) {
 export async function action({ params, request }: ActionFunctionArgs) {
 	const postId = Number.parseInt(params.postId as string);
 	try {
-		await apiClient.deletePost(undefined, {
-			params: {
-				postId,
-			},
+		await fetch(`${API_BASE_URL}/posts/${postId}`, {
+			method: "DELETE",
 			headers: {
 				Cookie: request.headers.get("Cookie") as string,
 			},
 		});
 		return redirect("/");
 	} catch (e) {
-		return new Response((e as Error).message, {
-			status: 400,
-		});
+		console.error(e);
+		throw new Response(JSON.stringify(e), { status: 500 });
 	}
 }