fix #19869: Other columns are not visible when testSuite name is large (#20121)

This commit is contained in:
Shailesh Parmar 2025-03-07 12:37:04 +05:30 committed by GitHub
parent 40a9c67875
commit c65a504ffd
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -10,7 +10,7 @@
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import { Button, Col, Form, Row, Select, Space } from 'antd';
import { Button, Col, Form, Row, Select, Space, Typography } from 'antd';
import { ColumnsType } from 'antd/lib/table';
import { AxiosError } from 'axios';
import { isEmpty } from 'lodash';
@ -115,6 +115,7 @@ export const TestSuites = () => {
title: t('label.name'),
dataIndex: 'name',
key: 'name',
width: 600,
sorter: (a, b) => {
if (a.basic) {
// Sort for basic test suites
@ -133,28 +134,34 @@ export const TestSuites = () => {
},
sortDirections: ['ascend', 'descend'],
render: (name, record) => {
return record.basic ? (
<Link
data-testid={name}
to={{
pathname: getEntityDetailsPath(
EntityType.TABLE,
record.basicEntityReference?.fullyQualifiedName ?? '',
EntityTabs.PROFILER
),
search: QueryString.stringify({
activeTab: TableProfilerTab.DATA_QUALITY,
}),
}}>
{record.basicEntityReference?.fullyQualifiedName ??
record.basicEntityReference?.name}
</Link>
) : (
<Link
data-testid={name}
to={getTestSuitePath(record.fullyQualifiedName ?? record.name)}>
{getEntityName(record)}
</Link>
return (
<Typography.Paragraph className="m-0" style={{ maxWidth: 580 }}>
{record.basic ? (
<Link
data-testid={name}
to={{
pathname: getEntityDetailsPath(
EntityType.TABLE,
record.basicEntityReference?.fullyQualifiedName ?? '',
EntityTabs.PROFILER
),
search: QueryString.stringify({
activeTab: TableProfilerTab.DATA_QUALITY,
}),
}}>
{record.basicEntityReference?.fullyQualifiedName ??
record.basicEntityReference?.name}
</Link>
) : (
<Link
data-testid={name}
to={getTestSuitePath(
record.fullyQualifiedName ?? record.name
)}>
{getEntityName(record)}
</Link>
)}
</Typography.Paragraph>
);
},
},