refactor(ui): Fixed the UI issue on Deprecated Pop-Up issue (#5130)

This commit is contained in:
Ankit keshari 2022-06-09 23:41:42 +05:30 committed by GitHub
parent 7aa481dd07
commit e6b66d8cf5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -64,6 +64,18 @@ const DeprecatedText = styled.div`
margin-left: 5px;
`;
const DeprecatedTitle = styled(Typography.Text)`
display: block;
font-size: 14px;
margin-bottom: 5px;
font-weight: bold;
`;
const DeprecatedSubTitle = styled(Typography.Text)`
display: block;
margin-bottom: 5px;
`;
const LastEvaluatedAtLabel = styled.div`
padding: 0;
margin: 0;
@ -131,9 +143,7 @@ export const EntityHeader = ({ refreshBrowser, headerDropdownItems, isNameEditab
(entityData?.deprecation?.decommissionTime &&
`Scheduled to be decommissioned on ${moment
.unix(entityData?.deprecation?.decommissionTime)
.format('DD/MMM/YYYY')} at ${moment
.unix(entityData?.deprecation?.decommissionTime)
.format('HH:mm:ss')} (${localeTimezone})`) ||
.format('DD/MMM/YYYY')} (${localeTimezone})`) ||
undefined;
const decommissionTimeGMT =
entityData?.deprecation?.decommissionTime &&
@ -157,9 +167,12 @@ export const EntityHeader = ({ refreshBrowser, headerDropdownItems, isNameEditab
hasDetails ? (
<>
{entityData?.deprecation?.note !== '' && (
<Typography.Text>{entityData?.deprecation?.note}</Typography.Text>
<DeprecatedTitle>Note</DeprecatedTitle>
)}
{isDividerNeeded && <Divider />}
{entityData?.deprecation?.note !== '' && (
<DeprecatedSubTitle>{entityData?.deprecation?.note}</DeprecatedSubTitle>
)}
{entityData?.deprecation?.decommissionTime !== null && (
<Typography.Text type="secondary">
<Tooltip placement="right" title={decommissionTimeGMT}>