Merge pull request #184 from kwnt-dev/feat/staff-pin-save-toast

feat: スタッフのピン保存時にトースト通知を追加

Author: kwnt-dev

app/staff/hole/[id]/page.tsx

@@ -2,6 +2,7 @@
 
 import { useState, useEffect } from "react";
 import { useParams, useSearchParams, useRouter } from "next/navigation";
+import { toast } from "sonner";
 import GreenCanvas from "@/components/greens/GreenCanvas";
 import { ChevronLeft, ChevronRight } from "lucide-react";
 import api from "@/lib/axios";
@@ -122,16 +123,22 @@ export default function StaffHoleEditPage() {
   async function handleSave() {
     if (!pin || !sessionId) return;
 
-    if (pinDbId) {
-      await api.delete(`/api/pins/${pinDbId}`);
+    try {
+      if (pinDbId) {
+        await api.delete(`/api/pins/${pinDbId}`);
+      }
+      const response = await api.post("/api/pins", {
+        hole_number: holeNumber,
+        x: pin.x,
+        y: pin.y,
+        session_id: sessionId,
+      });
+      setPinDbId(response.data.id);
+      toast.success("ピンを保存しました");
+    } catch (err) {
+      console.error("ピン保存エラー:", err);
+      toast.error("保存に失敗しました");
     }
-    const response = await api.post("/api/pins", {
-      hole_number: holeNumber,
-      x: pin.x,
-      y: pin.y,
-      session_id: sessionId,
-    });
-    setPinDbId(response.data.id);
   }
 
   function navigateHole(hole: number) {