diff --git a/datahub-web-react/src/app/entity/shared/containers/profile/header/EntityHeader.tsx b/datahub-web-react/src/app/entity/shared/containers/profile/header/EntityHeader.tsx index 2d2c7cf7b2..ff21db388c 100644 --- a/datahub-web-react/src/app/entity/shared/containers/profile/header/EntityHeader.tsx +++ b/datahub-web-react/src/app/entity/shared/containers/profile/header/EntityHeader.tsx @@ -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 !== '' && ( - {entityData?.deprecation?.note} + Note )} {isDividerNeeded && } + {entityData?.deprecation?.note !== '' && ( + {entityData?.deprecation?.note} + )} {entityData?.deprecation?.decommissionTime !== null && (