// src/components/site/add-project-button.tsx
"use client";

import { useRouter } from "next/navigation";
import { useState } from "react";
import { AddSiteDialog } from "@/components/site/add-site-dialog";
import { Button } from "@/components/ui/button";
import { useActiveSite } from "@/lib/keywords/site-context";
import type { Site } from "@/lib/keywords/types";

export function AddProjectButton() {
  const { addSite } = useActiveSite();
  const router = useRouter();
  const [open, setOpen] = useState(false);

  function handleCreated(site: Site) {
    addSite(site);
    router.refresh(); // surface the new row in the server-rendered list
  }

  return (
    <>
      <Button onClick={() => setOpen(true)}>+ Ajouter</Button>
      <AddSiteDialog
        open={open}
        onOpenChange={setOpen}
        onCreated={handleCreated}
      />
    </>
  );
}