11import React , { useEffect } from "react" ;
2- import { X , Trash2 , Copy } from "lucide-react" ;
2+ import { X , Trash2 } from "lucide-react" ;
33import { Edge , Panel } from "@xyflow/react" ;
44import { EditorDrawerEdgeContent } from "./EditorDrawerEdgeContent" ;
55import { getTranslations } from "./translations" ;
@@ -23,7 +23,6 @@ export const EdgePanel: React.FC<EdgePanelProps> = ({
2323 const setSelectedEdge = useEditorStore ( state => state . setSelectedEdge ) ;
2424 const updateEdge = useEditorStore ( state => state . updateEdge ) ;
2525 const deleteEdge = useEditorStore ( state => state . deleteEdge ) ;
26- const setEdges = useEditorStore ( state => state . setEdges ) ;
2726
2827 const language = settings ?. language || defaultLanguage ;
2928 const t = getTranslations ( language ) ;
@@ -51,25 +50,6 @@ export const EdgePanel: React.FC<EdgePanelProps> = ({
5150 }
5251 } ;
5352
54- const onCopy = ( ) => {
55- if ( ! selectedEdge ) return ;
56-
57- // Generate a new unique ID for the copied edge
58- const timestamp = Date . now ( ) ;
59- const newEdgeId = `${ selectedEdge . source } -${ selectedEdge . target } -${ timestamp } ` ;
60-
61- const copiedEdge : Edge = {
62- ...selectedEdge ,
63- id : newEdgeId ,
64- selected : false ,
65- } ;
66-
67- setEdges ( [ ...edges , copiedEdge ] ) ;
68-
69- // Select the new edge
70- setSelectedEdge ( copiedEdge ) ;
71- } ;
72-
7353 if ( ! selectedEdge || ! edgeDrawerOpen ) return null ;
7454
7555 return (
@@ -99,10 +79,7 @@ export const EdgePanel: React.FC<EdgePanelProps> = ({
9979 } }
10080 language = { language }
10181 />
102- < div className = "panel-footer" >
103- < button onClick = { onCopy } className = "secondary-button" >
104- < Copy size = { 16 } /> { t . copyNode }
105- </ button >
82+ < div className = "panel-footer panel-footer-centered" >
10683 < button onClick = { onDelete } className = "danger-button" >
10784 < Trash2 size = { 16 } /> { t . deleteEdge }
10885 </ button >
0 commit comments