diff --git a/catalog-rest-service/src/main/resources/ui/src/components/my-data-details/SchemaTable.tsx b/catalog-rest-service/src/main/resources/ui/src/components/my-data-details/SchemaTable.tsx index 06c7565b53e..7ac5367fd76 100644 --- a/catalog-rest-service/src/main/resources/ui/src/components/my-data-details/SchemaTable.tsx +++ b/catalog-rest-service/src/main/resources/ui/src/components/my-data-details/SchemaTable.tsx @@ -35,6 +35,7 @@ import { import SVGIcons from '../../utils/SvgUtils'; import { getConstraintIcon } from '../../utils/TableUtils'; import { getTagCategories, getTaglist } from '../../utils/TagsUtils'; +import PopOver from '../common/popover/PopOver'; import RichTextEditorPreviewer from '../common/rich-text-editor/RichTextEditorPreviewer'; // import { EditSchemaColumnModal } from '../Modals/EditSchemaColumnModal/EditSchemaColumnModal'; import { ModalWithMarkdownEditor } from '../Modals/ModalWithMarkdownEditor/ModalWithMarkdownEditor'; @@ -202,6 +203,7 @@ const SchemaTable: FunctionComponent = ({ setEditColumn(undefined); } }; + useEffect(() => { if (!searchText) { setSearchedColumns(columns); @@ -292,8 +294,9 @@ const SchemaTable: FunctionComponent = ({ Frequently joined columns: - {getFrequentlyJoinedWithColumns(column.name).map( - (columnJoin, index) => ( + {getFrequentlyJoinedWithColumns(column.name) + .slice(0, 3) + .map((columnJoin, index) => ( {index > 0 && ,} = ({ )} - ) + ))} + {getFrequentlyJoinedWithColumns(column.name).length > + 3 && ( + + {getFrequentlyJoinedWithColumns(column.name) + ?.slice(3) + .map((columnJoin, index) => ( + + + {getPartialNameFromFQN( + columnJoin.fullyQualifiedName, + ['database', 'table', 'column'] + )} + + + ))} + + } + position="bottom" + theme="light" + trigger="click"> + ... + )} )}