diff --git a/openmetadata-ui/src/main/resources/ui/src/components/DataAssets/DomainLabelV2/DomainLabelV2.tsx b/openmetadata-ui/src/main/resources/ui/src/components/DataAssets/DomainLabelV2/DomainLabelV2.tsx index 29df0e8bc08..3227ebe8dd6 100644 --- a/openmetadata-ui/src/main/resources/ui/src/components/DataAssets/DomainLabelV2/DomainLabelV2.tsx +++ b/openmetadata-ui/src/main/resources/ui/src/components/DataAssets/DomainLabelV2/DomainLabelV2.tsx @@ -118,7 +118,7 @@ export const DomainLabelV2 = < ) : null; return ( -
+
{inheritedIcon}
}
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/DataInsight/TopActiveUsers.tsx b/openmetadata-ui/src/main/resources/ui/src/components/DataInsight/TopActiveUsers.tsx index 774890ec553..0adffbdd23f 100644 --- a/openmetadata-ui/src/main/resources/ui/src/components/DataInsight/TopActiveUsers.tsx +++ b/openmetadata-ui/src/main/resources/ui/src/components/DataInsight/TopActiveUsers.tsx @@ -11,12 +11,11 @@ * limitations under the License. */ -import { Card, Space, Typography } from 'antd'; +import { Card, Typography } from 'antd'; import { ColumnsType } from 'antd/lib/table'; import { AxiosError } from 'axios'; import { FC, useEffect, useMemo, useState } from 'react'; import { useTranslation } from 'react-i18next'; -import { Link } from 'react-router-dom'; import { DataReportIndex } from '../../generated/dataInsight/dataInsightChart'; import { DataInsightChartType } from '../../generated/dataInsight/dataInsightChartResult'; import { MostActiveUsers } from '../../generated/dataInsight/type/mostActiveUsers'; @@ -27,9 +26,8 @@ import { formatTimeDurationFromSeconds, } from '../../utils/date-time/DateTimeUtils'; import { getColumnSorter } from '../../utils/EntityUtils'; -import { getUserPath } from '../../utils/RouterUtils'; import { showErrorToast } from '../../utils/ToastUtils'; -import ProfilePicture from '../common/ProfilePicture/ProfilePicture'; +import UserPopOverCard from '../common/PopOverCard/UserPopOverCard'; import Table from '../common/Table/Table'; import PageHeader from '../PageHeader/PageHeader.component'; import './data-insight-detail.less'; @@ -76,10 +74,7 @@ const TopActiveUsers: FC = ({ chartFilter }) => { key: 'userName', sorter: getColumnSorter('userName'), render: (userName: string) => ( - - - {userName} - + ), }, { diff --git a/openmetadata-ui/src/main/resources/ui/src/components/DataInsight/TopViewEntities.tsx b/openmetadata-ui/src/main/resources/ui/src/components/DataInsight/TopViewEntities.tsx index 61336104bac..83608867cd3 100644 --- a/openmetadata-ui/src/main/resources/ui/src/components/DataInsight/TopViewEntities.tsx +++ b/openmetadata-ui/src/main/resources/ui/src/components/DataInsight/TopViewEntities.tsx @@ -11,7 +11,7 @@ * limitations under the License. */ -import { Card, Space, Typography } from 'antd'; +import { Card, Typography } from 'antd'; import { ColumnsType } from 'antd/lib/table'; import { AxiosError } from 'axios'; import { isUndefined } from 'lodash'; @@ -25,7 +25,7 @@ import { ChartFilter } from '../../interface/data-insight.interface'; import { getAggregateChartData } from '../../rest/DataInsightAPI'; import { getDecodedFqn } from '../../utils/StringsUtils'; import { showErrorToast } from '../../utils/ToastUtils'; -import ProfilePicture from '../common/ProfilePicture/ProfilePicture'; +import UserPopOverCard from '../common/PopOverCard/UserPopOverCard'; import Table from '../common/Table/Table'; import PageHeader from '../PageHeader/PageHeader.component'; import './data-insight-detail.less'; @@ -96,10 +96,7 @@ const TopViewEntities: FC = ({ chartFilter }) => { key: 'owner', render: (owner: string) => owner ? ( - - - {owner} - + ) : ( -- ), diff --git a/openmetadata-ui/src/main/resources/ui/src/components/DataQuality/TestSuite/TestSuiteList/TestSuites.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/DataQuality/TestSuite/TestSuiteList/TestSuites.component.tsx index 109f7f28ac4..b3c0202b085 100644 --- a/openmetadata-ui/src/main/resources/ui/src/components/DataQuality/TestSuite/TestSuiteList/TestSuites.component.tsx +++ b/openmetadata-ui/src/main/resources/ui/src/components/DataQuality/TestSuite/TestSuiteList/TestSuites.component.tsx @@ -133,7 +133,7 @@ export const TestSuites = () => { sortDirections: ['ascend', 'descend'], render: (name, record) => { return ( - + {record.basic ? ( { }} pagination={false} scroll={{ - x: true, + x: '100%', }} size="small" /> diff --git a/openmetadata-ui/src/main/resources/ui/src/components/IncidentManager/IncidentManager.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/IncidentManager/IncidentManager.component.tsx index 21bb013cf56..1ab3179b5f4 100644 --- a/openmetadata-ui/src/main/resources/ui/src/components/IncidentManager/IncidentManager.component.tsx +++ b/openmetadata-ui/src/main/resources/ui/src/components/IncidentManager/IncidentManager.component.tsx @@ -396,7 +396,6 @@ const IncidentManager = ({ @@ -456,7 +455,7 @@ const IncidentManager = ({ title: t('label.status'), dataIndex: 'testCaseResolutionStatusType', key: 'testCaseResolutionStatusType', - width: 100, + width: 120, render: (_, record: TestCaseResolutionStatus) => { if (isPermissionLoading) { return ; @@ -480,7 +479,7 @@ const IncidentManager = ({ title: t('label.severity'), dataIndex: 'severity', key: 'severity', - width: 100, + width: 120, render: (value: Severities, record: TestCaseResolutionStatus) => { if (isPermissionLoading) { return ; @@ -618,7 +617,7 @@ const IncidentManager = ({ pagination={false} rowKey="id" scroll={{ - x: true, + x: '100%', }} size="small" /> diff --git a/openmetadata-ui/src/main/resources/ui/src/components/common/OwnerItem/OwnerItem.tsx b/openmetadata-ui/src/main/resources/ui/src/components/common/OwnerItem/OwnerItem.tsx index 1d64edb7c3c..6fb5065245b 100644 --- a/openmetadata-ui/src/main/resources/ui/src/components/common/OwnerItem/OwnerItem.tsx +++ b/openmetadata-ui/src/main/resources/ui/src/components/common/OwnerItem/OwnerItem.tsx @@ -10,6 +10,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ +import { Typography } from 'antd'; import classNames from 'classnames'; import { ReactNode } from 'react'; import { Link } from 'react-router-dom'; @@ -57,14 +58,16 @@ export const OwnerItem: React.FC = ({ - + {ownerDisplayName ?? displayName} - + ); diff --git a/openmetadata-ui/src/main/resources/ui/src/components/common/OwnerLabel/OwnerLabel.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/common/OwnerLabel/OwnerLabel.component.tsx index 57d03e839a0..897489a3361 100644 --- a/openmetadata-ui/src/main/resources/ui/src/components/common/OwnerLabel/OwnerLabel.component.tsx +++ b/openmetadata-ui/src/main/resources/ui/src/components/common/OwnerLabel/OwnerLabel.component.tsx @@ -233,6 +233,7 @@ export const OwnerLabel = ({
= ({ : getUserPath(userName ?? '') }> {showUserProfile ? profilePicture : null} - {showUserName ? {displayName ?? userName} : null} + {showUserName ? ( + {displayName ?? userName} + ) : null} )} diff --git a/openmetadata-ui/src/main/resources/ui/src/components/common/ProfilePicture/ProfilePicture.tsx b/openmetadata-ui/src/main/resources/ui/src/components/common/ProfilePicture/ProfilePicture.tsx index 0562dc46977..5892c3f2474 100644 --- a/openmetadata-ui/src/main/resources/ui/src/components/common/ProfilePicture/ProfilePicture.tsx +++ b/openmetadata-ui/src/main/resources/ui/src/components/common/ProfilePicture/ProfilePicture.tsx @@ -65,7 +65,7 @@ const ProfilePicture = ({ const getAvatarByName = () => { return (
)} - +
); }; diff --git a/openmetadata-ui/src/main/resources/ui/src/utils/DomainUtils.tsx b/openmetadata-ui/src/main/resources/ui/src/utils/DomainUtils.tsx index 69aa43c9209..6cd8b91fc5f 100644 --- a/openmetadata-ui/src/main/resources/ui/src/utils/DomainUtils.tsx +++ b/openmetadata-ui/src/main/resources/ui/src/utils/DomainUtils.tsx @@ -243,7 +243,7 @@ export const renderDomainLink = ( 'no-underline domain-link domain-link-text font-medium', { 'text-sm': !showDomainHeading, - 'text-truncate': trimLink, + 'text-truncate truncate w-max-full': trimLink, }, textClassName )}