dennii/dbgate
1
0
Fork 0
mirror of https://github.com/DeNNiiInc/dbgate.git synced 2026-04-20 21:46:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

debounced reference painting

Browse Source
This commit is contained in:
Jan Prochazka
2020-12-26 19:35:12 +01:00
parent 586a17f64e
commit 370412ea1d
4 changed files with 48 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
packages/web/src/designer/DesignerReference.js
View File

@@ -12,8 +12,8 @@ const StyledSvg = styled.svg`
height: 100%;
`;
export default function DesignerReference({ domTables, designerId, source, target }) {
console.log('domTables', domTables);
export default function DesignerReference({ domTablesRef, designerId, source, target, changeToken }) {
const domTables = domTablesRef.current;
/** @type {DomTableRef} */
const sourceTable = domTables[source.designerId];
/** @type {DomTableRef} */
@@ -21,14 +21,17 @@ export default function DesignerReference({ domTables, designerId, source, targe
if (!sourceTable || !targetTable) return null;
const sourceRect = sourceTable.getRect();
const targetRect = targetTable.getRect();
console.log('LINE', sourceRect.left, sourceRect.top, targetRect.left, targetRect.top);
if (!sourceRect || !targetRect) return null;
const sourceY = sourceTable.getColumnY(source.columnName);
const targetY = targetTable.getColumnY(target.columnName);
if (sourceY == null || targetY == null) return null;
return (
<StyledSvg>
<line
x1={sourceRect.left}
y1={sourceRect.top}
y1={sourceY}
x2={targetRect.left}
y2={targetRect.top}
y2={targetY}
style={{ stroke: 'rgb(255,0,0)', strokeWidth: 2 }}
/>
</StyledSvg>