mirror/chartdb
1
0
Fork 0
mirror of https://github.com/chartdb/chartdb.git synced 2025-12-30 16:09:33 -06:00
Code Issues Packages Projects Releases Wiki Activity

fix: highlight FK columns in blue on canvas tables (#990)

Browse Source
This commit is contained in:
Jonathan Fishner
2025-12-03 17:28:45 +02:00
committed by GitHub
parent 41c05c067f
commit 07632e5543
1 changed files with 19 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/pages/editor-page/canvas/table-node/table-node-field.tsx
View File

@@ -129,6 +129,14 @@ export const TableNodeField: React.FC<TableNodeFieldProps> = React.memo(
return count;
}, [relationships, tableNodeId, field.id]);
const isForeignKey = useMemo(() => {
return relationships.some(
(rel) =>
rel.targetTableId === tableNodeId &&
rel.targetFieldId === field.id
);
}, [relationships, tableNodeId, field.id]);
const previousNumberOfEdgesToFieldRef = useRef(numberOfEdgesToField);
useEffect(() => {
@@ -389,6 +397,11 @@ export const TableNodeField: React.FC<TableNodeFieldProps> = React.memo(
!isSummaryOnly &&
!isDiffFieldRemoved &&
!isDiffNewField,
'text-blue-600 dark:text-blue-400':
isForeignKey &&
!isDiffFieldRemoved &&
!isDiffNewField &&
!isDiffFieldChanged,
})}
>
{fieldDiffChangedName ? (
@@ -455,6 +468,12 @@ export const TableNodeField: React.FC<TableNodeFieldProps> = React.memo(
!isSummaryOnly &&
!isDiffNewField
? 'text-sky-800 dark:text-sky-200'
: '',
isForeignKey &&
!isDiffFieldRemoved &&
!isDiffNewField &&
!isDiffFieldChanged
? 'text-blue-600 dark:text-blue-400'
: ''
)}
>