経路表示中のリストから訪問済みスポットを自動で外す (#47)

地図で訪問予定リストを経路表示中に、そのリスト内のスポットへ新しく訪問記録を
つけたら、自動でそのスポットをリストから外す。SpotDetailModal に新規訪問記録
専用の onVisitRecorded(spotId) を追加(編集・削除では発火しない)し、MapView 側で
表示中リスト(filters.planListId)に含まれるスポットなら update で除外する。

Co-authored-by: Claude Opus 4.8 <noreply@anthropic.com>

Author: rtcode337

components/MapView.tsx

@@ -1047,6 +1047,32 @@ export default function MapView({
       cancelled = true;
     };
   }, [filters.planListId, planLists, spotById]);
+
+  // 地図で訪問予定リストを経路表示中に、そのリスト内のスポットへ新しく訪問記録したら、
+  // 自動でそのスポットをリストから外す(訪問済みが経路に残り続けないように)。
+  // 表示中のリスト(filters.planListId)にそのスポットが含まれるときだけ動く
+  const handleVisitRecorded = useCallback(
+    async (spotId: string) => {
+      const listId = filters.planListId;
+      if (!listId) return;
+      const list = planLists.find((l) => l.id === listId);
+      if (!list || !list.spot_ids.includes(spotId)) return;
+      const nextSpotIds = list.spot_ids.filter((id) => id !== spotId);
+      const { data } = await api.visitPlanLists.update(listId, {
+        title: list.title,
+        description: list.description,
+        start_date: list.start_date,
+        end_date: list.end_date,
+        spot_ids: nextSpotIds,
+      });
+      setPlanLists((prev) =>
+        prev.map((l) =>
+          l.id === listId ? (data ?? { ...l, spot_ids: nextSpotIds }) : l
+        )
+      );
+    },
+    [filters.planListId, planLists]
+  );
   // マウント時と、マウント中に種別が切り替わった場合に、その種別の保存済み条件を読む
   useEffect(() => {
     setFiltersState(loadSavedFilters(spotTypeKey));
@@ -2718,6 +2744,7 @@ export default function MapView({
           spots={spots}
           onClose={() => setDetailSpotId(null)}
           onVisitChange={loadVisits}
+          onVisitRecorded={handleVisitRecorded}
           onSpotChange={(spot) => {
             spotCache.applySpotChange(spot);
             loadPrivateSpots();

components/SpotDetailModal.tsx

@@ -70,6 +70,7 @@ export default function SpotDetailModal({
   readOnly = false,
   onClose,
   onVisitChange,
+  onVisitRecorded,
   onSpotChange,
   onSpotDeleted,
   onVisitPlanChange,
@@ -88,6 +89,10 @@ export default function SpotDetailModal({
   onClose: () => void;
   /** 訪問記録の追加・削除があったときに呼ばれる(呼び出し元の一覧・バッジ更新用) */
   onVisitChange?: () => void;
+  /** 新しい訪問記録が追加されたときだけ、そのスポットIDとともに呼ばれる
+   * (地図で経路表示中の訪問予定リストから、訪問済みスポットを自動で外すのに使う。
+   *  訪問記録の編集・削除では呼ばれない) */
+  onVisitRecorded?: (spotId: string) => void;
   /** スポット自体の編集・承認/却下で内容が変わったときに、変更後の内容とともに呼ばれる
    * (呼び出し元の一覧の再取得・公開スポットキャッシュの更新用) */
   onSpotChange?: (spot: Spot) => void;
@@ -648,6 +653,8 @@ export default function SpotDetailModal({
             // 訪問記録時、サーバー側で訪問予定からも自動的に外れる
             onVisitPlanChange?.();
             onReviewChange?.();
+            // 地図で経路表示中の訪問予定リストから、訪問済みスポットを自動で外す
+            onVisitRecorded?.(spot.id);
           }}
         />
       )}