diff --git a/src/components/Config/NodeTypeConfig.tsx b/src/components/Config/NodeTypeConfig.tsx index a84946b..54b54b8 100644 --- a/src/components/Config/NodeTypeConfig.tsx +++ b/src/components/Config/NodeTypeConfig.tsx @@ -1,4 +1,4 @@ -import { useState } from 'react'; +import { useState, useEffect } from 'react'; import { useGraphWithHistory } from '../../hooks/useGraphWithHistory'; import { useConfirm } from '../../hooks/useConfirm'; import { useToastStore } from '../../stores/toastStore'; @@ -23,15 +23,29 @@ import type { NodeTypeConfig, NodeShape } from '../../types'; interface Props { isOpen: boolean; onClose: () => void; + initialEditingTypeId?: string | null; } -const NodeTypeConfigModal = ({ isOpen, onClose }: Props) => { +const NodeTypeConfigModal = ({ isOpen, onClose, initialEditingTypeId }: Props) => { const { nodeTypes, addNodeType, updateNodeType, deleteNodeType } = useGraphWithHistory(); const { confirm, ConfirmDialogComponent } = useConfirm(); const { showToast } = useToastStore(); const [editingType, setEditingType] = useState(null); + // Set editing type when initialEditingTypeId changes + useEffect(() => { + if (initialEditingTypeId && isOpen) { + const typeToEdit = nodeTypes.find(t => t.id === initialEditingTypeId); + if (typeToEdit) { + setEditingType(typeToEdit); + } + } else if (!isOpen) { + // Clear editing type when modal closes + setEditingType(null); + } + }, [initialEditingTypeId, isOpen, nodeTypes]); + const handleAddType = (type: { name: string; color: string; shape: NodeShape; icon: string; description: string }) => { const id = type.name.toLowerCase().replace(/\s+/g, '-'); diff --git a/src/components/Config/QuickAddTypeForm.tsx b/src/components/Config/QuickAddTypeForm.tsx index c7bb4d0..b1ad068 100644 --- a/src/components/Config/QuickAddTypeForm.tsx +++ b/src/components/Config/QuickAddTypeForm.tsx @@ -82,7 +82,6 @@ const QuickAddTypeForm = ({ onAdd }: Props) => { onKeyDown={handleKeyDown} nameInputRef={nameInputRef} autoFocusName={false} - showAdvancedByDefault={false} />