wehub-resource-sync
66 lines
1.6 KiB
TypeScript
66 lines
1.6 KiB
TypeScript
import {
|
|
Dialog,
|
|
DialogContent,
|
|
DialogHeader,
|
|
DialogTitle,
|
|
} from "@/components/ui/dialog";
|
|
import { useTrips } from "@/lib/hooks/use-trips";
|
|
import { Place } from "@/lib/types";
|
|
import { Pencil } from "lucide-react";
|
|
import { useState } from "react";
|
|
import { PlaceForm } from "./PlaceForm";
|
|
import { DropdownMenuItem } from "@/components/ui/dropdown-menu";
|
|
|
|
interface EditPlaceProps {
|
|
place: Place;
|
|
onOpenChange?: (open: boolean) => void;
|
|
}
|
|
|
|
export function EditPlace({ place, onOpenChange }: EditPlaceProps) {
|
|
const { selectedTrip, updatePlace } = useTrips();
|
|
const [dialogOpen, setDialogOpen] = useState(false);
|
|
|
|
if (!selectedTrip) return null;
|
|
|
|
const handleEditPlace = (place: Place) => {
|
|
updatePlace(selectedTrip.id, place.id, place);
|
|
|
|
setDialogOpen(false);
|
|
onOpenChange?.(false);
|
|
};
|
|
|
|
return (
|
|
<>
|
|
<DropdownMenuItem
|
|
onSelect={(e) => {
|
|
e.preventDefault();
|
|
setDialogOpen(true);
|
|
}}
|
|
>
|
|
<Pencil className="w-4 h-4 mr-2" />
|
|
Edit
|
|
</DropdownMenuItem>
|
|
|
|
<Dialog
|
|
open={dialogOpen}
|
|
onOpenChange={(open) => {
|
|
setDialogOpen(open);
|
|
if (!open) {
|
|
onOpenChange?.(false);
|
|
}
|
|
}}
|
|
>
|
|
<DialogContent className="sm:max-w-md">
|
|
<DialogHeader>
|
|
<DialogTitle className="flex items-center">
|
|
<Pencil className="w-4 h-4 mr-2" />
|
|
Edit Place
|
|
</DialogTitle>
|
|
</DialogHeader>
|
|
<PlaceForm place={place} onSubmit={handleEditPlace} />
|
|
</DialogContent>
|
|
</Dialog>
|
|
</>
|
|
);
|
|
}
|