tieptk/react-flow
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

up

Browse Source
This commit is contained in:
Tieptk
2024-08-24 21:28:13 +07:00
parent a11fba1bc1
commit 4ee8206e3e
1 changed files with 8 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/nodes/NoteFlow.tsx
View File

@@ -132,6 +132,12 @@ const NoteFlow = () => {
const handleTabClick = (option) => { const handleTabClick = (option) => {
setShowTabBar(false); setShowTabBar(false);
if (selectedNodeId === option.id) {
alert('Node này đã được thêm. Vui lòng chọn một node khác.');
return;
}
const newNode = { const newNode = {
id: option.id, id: option.id,
data: { label: option.html }, data: { label: option.html },
@@ -250,6 +256,7 @@ const NoteFlow = () => {
setShowPopup(false); setShowPopup(false);
} }
return ( return (
<div style={{ height: '100vh', width: '100%', position: 'relative' }}> <div style={{ height: '100vh', width: '100%', position: 'relative' }}>
<ReactFlow nodes={nodes} edges={edges} onNodeClick={onNodeClick} onNodeContextMenu={onNodeContextMenu} onNodeDoubleClick={onNodeDoubleClick}> <ReactFlow nodes={nodes} edges={edges} onNodeClick={onNodeClick} onNodeContextMenu={onNodeContextMenu} onNodeDoubleClick={onNodeDoubleClick}>
@@ -272,6 +279,7 @@ const NoteFlow = () => {
<div <div
key={option.id} key={option.id}
onClick={() => handleTabClick(option)} onClick={() => handleTabClick(option)}
style={{ style={{
padding: '10px', padding: '10px',
cursor: selectedNodeId === option.id ? 'not-allowed' : 'pointer', cursor: selectedNodeId === option.id ? 'not-allowed' : 'pointer',