titor/drawDB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add panning for the line

Browse Source
This commit is contained in:
1ilit 2023-09-19 15:47:47 +03:00
parent 5e2c205f39
commit 09f7142d75
1 changed files with 16 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/components/canvas.jsx
View File

@ -51,12 +51,22 @@ export default function Canvas(props) {
const dy = e.clientY - panOffset.y; const dy = e.clientY - panOffset.y;
setPanOffset({ x: e.clientX, y: e.clientY }); setPanOffset({ x: e.clientX, y: e.clientY });
const updatedTables = props.tables.map((t) => ({ props.setTables(
...t, props.tables.map((t) => ({
x: t.x + dx, ...t,
y: t.y + dy, x: t.x + dx,
})); y: t.y + dy,
props.setTables(updatedTables); }))
);
setRelationships(
relationships.map((r) => ({
startX: r.startX + dx,
startY: r.startY + dy,
endX: r.endX + dx,
endY: r.endY + dy,
}))
);
} else if (dragging >= 0) { } else if (dragging >= 0) {
const updatedTables = props.tables.map((t) => { const updatedTables = props.tables.map((t) => {
if (t.id === dragging) { if (t.id === dragging) {