UI : fix the missing special character in TableEntity type column (#8844)

* fix the missing special character in TableEntity type column

* remove word break

* updated style same as earlier

Co-authored-by: Shailesh Parmar <shailesh.parmar.webdev@gmail.com>
This commit is contained in:
Ashish Gupta 2022-11-18 10:00:29 +05:30 committed by GitHub
parent 148eb5bf1b
commit 5dc195df72
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -16,7 +16,7 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { Popover, Table, Typography } from 'antd';
import { ColumnsType } from 'antd/lib/table';
import classNames from 'classnames';
import { cloneDeep, isEmpty, isUndefined, lowerCase } from 'lodash';
import { cloneDeep, isEmpty, isUndefined, lowerCase, toLower } from 'lodash';
import { EntityFieldThreads, EntityTags, TagOption } from 'Models';
import React, {
Fragment,
@ -428,12 +428,16 @@ const EntityTable = ({
<>
{dataTypeDisplay ? (
isReadOnly || (dataTypeDisplay.length < 25 && !isReadOnly) ? (
lowerCase(dataTypeDisplay)
toLower(dataTypeDisplay)
) : (
<Popover
destroyTooltipOnHide
content={lowerCase(dataTypeDisplay)}
overlayInnerStyle={{ maxWidth: '420px' }}
content={toLower(dataTypeDisplay)}
overlayInnerStyle={{
maxWidth: '420px',
overflowWrap: 'break-word',
textAlign: 'center',
}}
trigger="hover">
<Typography.Text ellipsis className="cursor-pointer">
{dataTypeDisplay}