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