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 (
-
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
)}