Skip to content

Commit b802552

Browse files
Copilotmikebarkmin
andcommitted
Center delete button and remove copy button from edge panel
Co-authored-by: mikebarkmin <2592379+mikebarkmin@users.noreply.github.com>
1 parent 9290a71 commit b802552

2 files changed

Lines changed: 10 additions & 25 deletions

File tree

packages/learningmap/src/EdgePanel.tsx

Lines changed: 2 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import React, { useEffect } from "react";
2-
import { X, Trash2, Copy } from "lucide-react";
2+
import { X, Trash2 } from "lucide-react";
33
import { Edge, Panel } from "@xyflow/react";
44
import { EditorDrawerEdgeContent } from "./EditorDrawerEdgeContent";
55
import { 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>

packages/learningmap/src/index.css

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1033,3 +1033,11 @@ dialog.help[open] {
10331033
.panel-footer button {
10341034
flex: 1;
10351035
}
1036+
1037+
.panel-footer-centered {
1038+
justify-content: center;
1039+
}
1040+
1041+
.panel-footer-centered button {
1042+
flex: 0 0 auto;
1043+
}

0 commit comments

Comments
 (0)