yujunjun/OpenMetadata
1
0
Fork 0
mirror of https://github.com/open-metadata/OpenMetadata.git synced 2025-08-26 09:55:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix minor styling of domain component (#18738)

Browse Source
This commit is contained in:
Karan Hotchandani 2024-11-22 16:12:47 +05:30 committed by GitHub
parent 21ee32fd62
commit 582a10c831
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 17 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
openmetadata-ui/src/main/resources/ui/src/components/common/DomainSelectableList/DomainSelectableList.component.tsx
View File

@ -32,12 +32,16 @@ import {
getEntityName,
getEntityReferenceListFromEntities,
} from '../../../utils/EntityUtils';
import Fqn from '../../../utils/Fqn';
import { getDomainPath } from '../../../utils/RouterUtils';
import { SelectableList } from '../SelectableList/SelectableList.component';
import './domain-select-dropdown.less';
import { DomainSelectableListProps } from './DomainSelectableList.interface';
export const DomainListItemRenderer = (props: EntityReference) => {
const isSubDomain = Fqn.split(props.fullyQualifiedName ?? '').length > 1;
const fqn = `(${props.fullyQualifiedName ?? ''})`;
return (
<div className="d-flex items-center gap-2">
<DomainIcon
@ -46,7 +50,17 @@ export const DomainListItemRenderer = (props: EntityReference) => {
name="folder"
width={20}
/>
<Typography.Text>{getEntityName(props)}</Typography.Text>
<div className="d-flex items-center w-max-400">
<Typography.Text ellipsis>{getEntityName(props)}</Typography.Text>
{isSubDomain && (
<Typography.Text
ellipsis
className="m-l-xss text-xs"
type="secondary">
{fqn}
</Typography.Text>
)}
</div>
</div>
);
};
@ -71,7 +85,7 @@ const DomainSelectableList = ({
return [];
}, [selectedDomain]);
const fetchOptions = async (searchText: string) => {
const fetchOptions = async (searchText: string, after?: string) => {
if (searchText) {
try {
const res = await searchData(
@ -97,6 +111,7 @@ const DomainSelectableList = ({
try {
const { data, paging } = await getDomainList({
limit: PAGE_SIZE_MEDIUM,
after: after ?? undefined,
});
const filterData = getEntityReferenceListFromEntities(
data,