mirror/chartdb
1
0
Fork 0
mirror of https://github.com/chartdb/chartdb.git synced 2026-05-01 23:29:34 -05:00
Code Issues Packages Projects Releases Wiki Activity

fix(table): enhance field focus behavior to include table hover state (#676)

Browse Source
This commit is contained in:
Guy Ben-Aharon
2025-04-27 12:44:07 +03:00
committed by GitHub
parent 83c43332d4
commit 19d2d0bddd
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/editor-page/canvas/table-node/table-node.tsx
+4 -2
View File
@@ -65,6 +65,7 @@ export const TableNode: React.FC<NodeProps<TableNodeType>> = React.memo(
const [editMode, setEditMode] = useState(false);
const [tableName, setTableName] = useState(table.name);
const inputRef = React.useRef<HTMLInputElement>(null);
const [isHovering, setIsHovering] = useState(false);
const {
getTableNewName,
@@ -115,7 +116,7 @@ export const TableNode: React.FC<NodeProps<TableNodeType>> = React.memo(
edge.type === 'relationship-edge'
) as RelationshipEdgeType[];
const focused = !!selected && !dragging;
const focused = (!!selected && !dragging) || isHovering;
const openTableInEditor = () => {
selectSidebarSection('tables');
@@ -239,6 +240,8 @@ export const TableNode: React.FC<NodeProps<TableNodeType>> = React.memo(
openTableInEditor();
}
}}
onMouseEnter={() => setIsHovering(true)}
onMouseLeave={() => setIsHovering(false)}
>
<NodeResizer
isVisible={focused}
@@ -252,7 +255,6 @@ export const TableNode: React.FC<NodeProps<TableNodeType>> = React.memo(
table={table}
focused={focused}
/>
{/* Badge added here */}
<TableNodeStatus
status={
isDiffNewTable