Milestones API

interface Milestone {
  _id: Id<"milestones">;
  babyId: Id<"babyProfiles">;
  key: string; // Unique identifier
  title: string;
  category: string; // "motor", "language", "social", "cognitive"
  achievedAt?: string; // ISO 8601
  note?: string;
  photoIds?: string[];
  videoIds?: string[];
  isCustom?: boolean;
  createdAt: string;
}

import { useQuery } from "convex/react";
import { api } from "./convex/_generated/api";

const milestones = useQuery(api.milestones.list, {
  babyId
});

// Response:
[
  {
    _id: "...",
    babyId: "...",
    key: "first_smile",
    title: "First Social Smile",
    category: "social",
    achievedAt: "2024-02-20T10:30:00Z",
    note: "Big smile at grandma!",
    photoIds: ["photo1", "photo2"],
    createdAt: "2024-02-20T10:30:00Z"
  }
]

const achieve = useMutation(api.milestones.achieve);

await achieve({
  babyId,
  key: "first_smile",
  title: "First Social Smile",
  category: "social",
  achievedAt: "2024-02-20T10:30:00Z",
  note: "Such a precious moment!",
  photoIds: ["photo1"]
});

const createCustom = useMutation(api.milestones.createCustom);

await createCustom({
  babyId,
  title: "Recognized Grandpa's Voice",
  category: "social",
  achievedAt: "2024-03-05T15:00:00Z",
  note: "Turned head toward grandpa when he called",
  photoIds: []
});

const updateMilestone = useMutation(api.milestones.updateMilestone);

await updateMilestone({
  id: milestoneId,
  note: "Updated note with more details",
  photoIds: ["photo1", "photo2", "photo3"]
});

const deleteMilestone = useMutation(api.milestones.deleteMilestone);

await deleteMilestone({
  id: milestoneId
});