chore: update files

haru52 · May 25, 2024 · d29e871 · d29e871
1 parent 71d49ee
commit d29e871
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 6 deletions.
diff --git a/src/app/_components/delete-user-link.tsx b/src/app/_components/delete-user-link.tsx
@@ -2,23 +2,39 @@
 
 import { api } from "~/trpc/react";
 import { useRouter } from "next/navigation";
+import type { MouseEvent } from "react";
 
 export function DeleteUserLink() {
-  const deleteUser = api.user.delete.useMutation();
   const router = useRouter();
+  const deleteUser = api.user.delete.useMutation({
+    onSuccess: () => {
+      alert("アカウントを削除しました");
+      router.push("/");
+      router.refresh();
+    },
+    onError: (error) => {
+      alert(`アカウント削除に失敗しました。\n${error.message}`);
+    },
+  });
 
-  const handleDeleteUser = () => {
+  const handleDeleteUser = (
+    e: MouseEvent<HTMLAnchorElement, globalThis.MouseEvent>,
+  ) => {
+    e.preventDefault();
+    if (deleteUser.isPending) return;
     if (!confirm("本当にアカウントを削除しますか？")) {
       return;
     }
     deleteUser.mutate();
-    router.push("/");
-    router.refresh();
   };
 
   return (
     <p className="mt-12 text-center">
-      <a className="link link-error" onClick={handleDeleteUser}>
+      <a
+        className="link link-error"
+        onClick={handleDeleteUser}
+        aria-disabled={deleteUser.isPending}
+      >
         アカウントを削除
       </a>
     </p>

diff --git a/src/server/api/routers/user.ts b/src/server/api/routers/user.ts
@@ -86,7 +86,7 @@ export const userRouter = createTRPCRouter({
       return !!user;
     }),
 
-  delete: protectedProcedure.mutation(({ ctx }) => {
+  delete: protectedProcedure.mutation(async ({ ctx }) => {
     return ctx.db.user.delete({
       where: { id: ctx.session.user.id },
     });