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

Update relationships when fields get reordered

Browse Source
This commit is contained in:
1ilit 2024-04-21 09:40:56 +03:00
parent b9a8cdee8b
commit 3a580149be
1 changed files with 24 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/components/EditorSidePanel/TablesTab/TableInfo.jsx
View File

@ -19,7 +19,8 @@ import IndexDetails from "./IndexDetails";
export default function TableInfo({ data }) { export default function TableInfo({ data }) {
const [indexActiveKey, setIndexActiveKey] = useState(""); const [indexActiveKey, setIndexActiveKey] = useState("");
const { deleteTable, updateTable, updateField } = useTables(); const { deleteTable, updateTable, updateField, setRelationships } =
useTables();
const { setUndoStack, setRedoStack } = useUndoRedo(); const { setUndoStack, setRedoStack } = useUndoRedo();
const [editField, setEditField] = useState({}); const [editField, setEditField] = useState({});
const draggingElementIndex = useRef(); const draggingElementIndex = useRef();
@ -79,6 +80,28 @@ export default function TableInfo({ data }) {
updateField(data.id, index, { ...b, id: index }); updateField(data.id, index, { ...b, id: index });
updateField(data.id, j, { ...a, id: j }); updateField(data.id, j, { ...a, id: j });
setRelationships((prev) =>
prev.map((e) => {
if (e.startTableId === data.id) {
if (e.startFieldId === index) {
return { ...e, startFieldId: j };
}
if (e.startFieldId === j) {
return { ...e, startFieldId: index };
}
}
if (e.endTableId === data.id) {
if (e.endFieldId === index) {
return { ...e, endFieldId: j };
}
if (e.endFieldId === j) {
return { ...e, endFieldId: index };
}
}
return e;
}),
);
}} }}
onDragEnd={(e) => { onDragEnd={(e) => {
e.preventDefault(); e.preventDefault();