paulmataruso/chartdb
1
0
Fork 0
mirror of https://github.com/chartdb/chartdb.git synced 2025-11-04 05:53:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: update relationship lines when table width changes via expand/shrink button

Browse Source
This commit is contained in:
johnnyfish
2025-07-30 12:44:07 +03:00
committed by Guy Ben-Aharon
parent a5f8e56b3c
commit cfcd30269f
1 changed files with 22 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/pages/editor-page/canvas/canvas.tsx
View File

@@ -294,6 +294,7 @@ export const Canvas: React.FC<CanvasProps> = ({ initialTables }) => {
setEdges,
showDependenciesOnCanvas,
databaseType,
tables, // Add tables to force edge recreation when table properties change
]);
useEffect(() => {
@@ -997,6 +998,19 @@ export const Canvas: React.FC<CanvasProps> = ({ initialTables }) => {
width: event.data.table.width,
};
// Trigger a dimension change to force React Flow to update the node
onNodesChangeHandler([
{
id: event.data.id,
type: 'dimensions',
dimensions: {
width: event.data.table.width,
height: node.measured?.height || 0,
},
resizing: true, // Set resizing flag to ensure the change is processed
} as NodeDimensionChange,
]);
newOverlappingGraph = findTableOverlapping(
{
node: {
@@ -1051,7 +1065,14 @@ export const Canvas: React.FC<CanvasProps> = ({ initialTables }) => {
setOverlapGraph(overlappingTablesInDiagram);
}
},
[overlapGraph, setOverlapGraph, getNode, nodes, filteredSchemas]
[
overlapGraph,
setOverlapGraph,
getNode,
nodes,
filteredSchemas,
onNodesChangeHandler,
]
);
events.useSubscription(eventConsumer);