EditDatasetDialog.tsx•1.67 kB
import { Dialog, Modal, ModalOverlay } from "@phoenix/components";
import { EditDatasetForm } from "@phoenix/components/dataset";
import {
DialogCloseButton,
DialogContent,
DialogHeader,
DialogTitle,
DialogTitleExtra,
} from "@phoenix/components/dialog";
export type EditDatasetDialogProps = {
datasetName: string;
datasetId: string;
datasetDescription?: string | null;
datasetMetadata?: Record<string, unknown> | null;
onDatasetEdited: () => void;
onDatasetEditError: (error: Error) => void;
isOpen?: boolean;
onOpenChange?: (isOpen: boolean) => void;
};
export function EditDatasetDialog({
datasetName,
datasetId,
datasetDescription,
datasetMetadata,
onDatasetEdited,
onDatasetEditError,
isOpen,
onOpenChange,
}: EditDatasetDialogProps) {
const handleSuccess = () => {
onDatasetEdited();
if (onOpenChange) {
onOpenChange(false);
}
};
return (
<ModalOverlay isOpen={isOpen} onOpenChange={onOpenChange}>
<Modal size="S">
<Dialog>
<DialogContent>
<DialogHeader>
<DialogTitle>Edit Dataset</DialogTitle>
<DialogTitleExtra>
<DialogCloseButton />
</DialogTitleExtra>
</DialogHeader>
<EditDatasetForm
datasetName={datasetName}
datasetId={datasetId}
datasetDescription={datasetDescription}
datasetMetadata={datasetMetadata}
onDatasetEdited={handleSuccess}
onDatasetEditError={onDatasetEditError}
/>
</DialogContent>
</Dialog>
</Modal>
</ModalOverlay>
);
}