From 8a548ead11d7ddc8a051fd11afc35815a86f4c9e Mon Sep 17 00:00:00 2001
From: Pranita <pfulsundar8@gmail.com>
Date: Wed, 29 Jan 2025 18:09:14 +0530
Subject: [PATCH] minor: domain owner edit icon and display of announcement
 message

---
 .../DocumentationTab.component.tsx            | 46 +++++++++++--------
 .../AnnouncementCard/AnnouncementCard.tsx     | 13 +++---
 2 files changed, 33 insertions(+), 26 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/Domain/DomainTabs/DocumentationTab/DocumentationTab.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Domain/DomainTabs/DocumentationTab/DocumentationTab.component.tsx
index 7bca1004ce42..a61d3c64c339 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/Domain/DomainTabs/DocumentationTab/DocumentationTab.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/Domain/DomainTabs/DocumentationTab/DocumentationTab.component.tsx
@@ -197,26 +197,32 @@ const DocumentationTab = ({
                 <Typography.Text className="right-panel-label">
                   {t('label.owner-plural')}
                 </Typography.Text>
-                {editOwnerPermission && domain.owners && (
-                  <UserTeamSelectableList
-                    hasPermission
-                    multiple={{ team: false, user: true }}
-                    owner={domain.owners}
-                    onUpdate={(updatedUser) => handleUpdatedOwner(updatedUser)}>
-                    <Tooltip
-                      title={t('label.edit-entity', {
-                        entity: t('label.owner-plural'),
-                      })}>
-                      <Button
-                        className="cursor-pointer flex-center m-l-xss"
-                        data-testid="edit-owner"
-                        icon={<EditIcon color={DE_ACTIVE_COLOR} width="14px" />}
-                        size="small"
-                        type="text"
-                      />
-                    </Tooltip>
-                  </UserTeamSelectableList>
-                )}
+                {editOwnerPermission &&
+                  domain.owners &&
+                  domain.owners.length > 0 && (
+                    <UserTeamSelectableList
+                      hasPermission
+                      multiple={{ team: false, user: true }}
+                      owner={domain.owners}
+                      onUpdate={(updatedUser) =>
+                        handleUpdatedOwner(updatedUser)
+                      }>
+                      <Tooltip
+                        title={t('label.edit-entity', {
+                          entity: t('label.owner-plural'),
+                        })}>
+                        <Button
+                          className="cursor-pointer flex-center m-l-xss"
+                          data-testid="edit-owner"
+                          icon={
+                            <EditIcon color={DE_ACTIVE_COLOR} width="14px" />
+                          }
+                          size="small"
+                          type="text"
+                        />
+                      </Tooltip>
+                    </UserTeamSelectableList>
+                  )}
               </div>
 
               <Space className="m-r-xss" size={4}>
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/common/EntityPageInfos/AnnouncementCard/AnnouncementCard.tsx b/openmetadata-ui/src/main/resources/ui/src/components/common/EntityPageInfos/AnnouncementCard/AnnouncementCard.tsx
index 7bb9e81da9d4..19c2d12d7f06 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/common/EntityPageInfos/AnnouncementCard/AnnouncementCard.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/common/EntityPageInfos/AnnouncementCard/AnnouncementCard.tsx
@@ -15,6 +15,7 @@ import { Card, Space, Typography } from 'antd';
 import React, { FC, useMemo } from 'react';
 import { ReactComponent as AnnouncementIcon } from '../../../../assets/svg/announcements-v1.svg';
 import { Thread } from '../../../../generated/entity/feed/thread';
+import RichTextEditorPreviewerV1 from '../../RichTextEditor/RichTextEditorPreviewerV1';
 import './AnnouncementCard.less';
 
 interface Props {
@@ -50,12 +51,12 @@ const AnnouncementCard: FC<Props> = ({ onClick, announcement }) => {
         </Typography.Paragraph>
       </Space>
       {message && (
-        <Typography.Paragraph
-          ellipsis
-          className="text-grey-muted m-0 text-xs"
-          data-testid="announcement-message">
-          {message}
-        </Typography.Paragraph>
+        <RichTextEditorPreviewerV1
+          className="text-grey-muted m-0 text-xss"
+          data-testid="announcement-message"
+          markdown={message}
+          reducePreviewLineClass="max-one-line"
+        />
       )}
     </Card>
   );