diff --git a/frontend/.changeset/new-deers-smash.md b/frontend/.changeset/new-deers-smash.md new file mode 100644 index 000000000..3a93a9b70 --- /dev/null +++ b/frontend/.changeset/new-deers-smash.md @@ -0,0 +1,6 @@ +--- +"@liam-hq/erd-core": patch +"@liam-hq/cli": patch +--- + +Add tooltips to display the full table name when it is truncated in the Table node diff --git a/frontend/packages/erd-core/src/components/ERDRenderer/ERDContent/TableNode/TableHeader/TableHeader.tsx b/frontend/packages/erd-core/src/components/ERDRenderer/ERDContent/TableNode/TableHeader/TableHeader.tsx index 56e50c247..24a841837 100644 --- a/frontend/packages/erd-core/src/components/ERDRenderer/ERDContent/TableNode/TableHeader/TableHeader.tsx +++ b/frontend/packages/erd-core/src/components/ERDRenderer/ERDContent/TableNode/TableHeader/TableHeader.tsx @@ -1,5 +1,12 @@ import { useDBStructureStore, useUserEditingStore } from '@/stores' -import { Table2 } from '@liam-hq/ui' +import { + Table2, + TooltipContent, + TooltipPortal, + TooltipProvider, + TooltipRoot, + TooltipTrigger, +} from '@liam-hq/ui' import { Handle, Position } from '@xyflow/react' import type { FC } from 'react' import styles from './TableHeader.module.css' @@ -22,7 +29,20 @@ export const TableHeader: FC = ({ name }) => { return (
- {name} + + + + + {name} + + + + {name} + + + + + {showMode === 'TABLE_NAME' && ( <> {isTarget && (