minor: domain owner edit icon and display of announcement message (#19593)

(cherry picked from commit 060ab6e6acc20b2faf775058149aa49eff028d2f)
This commit is contained in:
Pranita Fulsundar 2025-01-29 20:10:06 +05:30 committed by Ashish Gupta
parent 459e1daa69
commit 6b039ad76d
2 changed files with 33 additions and 26 deletions

View File

@ -197,26 +197,32 @@ const DocumentationTab = ({
<Typography.Text className="right-panel-label"> <Typography.Text className="right-panel-label">
{t('label.owner-plural')} {t('label.owner-plural')}
</Typography.Text> </Typography.Text>
{editOwnerPermission && domain.owners && ( {editOwnerPermission &&
<UserTeamSelectableList domain.owners &&
hasPermission domain.owners.length > 0 && (
multiple={{ team: false, user: true }} <UserTeamSelectableList
owner={domain.owners} hasPermission
onUpdate={(updatedUser) => handleUpdatedOwner(updatedUser)}> multiple={{ team: false, user: true }}
<Tooltip owner={domain.owners}
title={t('label.edit-entity', { onUpdate={(updatedUser) =>
entity: t('label.owner-plural'), handleUpdatedOwner(updatedUser)
})}> }>
<Button <Tooltip
className="cursor-pointer flex-center m-l-xss" title={t('label.edit-entity', {
data-testid="edit-owner" entity: t('label.owner-plural'),
icon={<EditIcon color={DE_ACTIVE_COLOR} width="14px" />} })}>
size="small" <Button
type="text" className="cursor-pointer flex-center m-l-xss"
/> data-testid="edit-owner"
</Tooltip> icon={
</UserTeamSelectableList> <EditIcon color={DE_ACTIVE_COLOR} width="14px" />
)} }
size="small"
type="text"
/>
</Tooltip>
</UserTeamSelectableList>
)}
</div> </div>
<Space className="m-r-xss" size={4}> <Space className="m-r-xss" size={4}>

View File

@ -15,6 +15,7 @@ import { Card, Space, Typography } from 'antd';
import React, { FC, useMemo } from 'react'; import React, { FC, useMemo } from 'react';
import { ReactComponent as AnnouncementIcon } from '../../../../assets/svg/announcements-v1.svg'; import { ReactComponent as AnnouncementIcon } from '../../../../assets/svg/announcements-v1.svg';
import { Thread } from '../../../../generated/entity/feed/thread'; import { Thread } from '../../../../generated/entity/feed/thread';
import RichTextEditorPreviewerV1 from '../../RichTextEditor/RichTextEditorPreviewerV1';
import './AnnouncementCard.less'; import './AnnouncementCard.less';
interface Props { interface Props {
@ -50,12 +51,12 @@ const AnnouncementCard: FC<Props> = ({ onClick, announcement }) => {
</Typography.Paragraph> </Typography.Paragraph>
</Space> </Space>
{message && ( {message && (
<Typography.Paragraph <RichTextEditorPreviewerV1
ellipsis className="text-grey-muted m-0 text-xss"
className="text-grey-muted m-0 text-xs" data-testid="announcement-message"
data-testid="announcement-message"> markdown={message}
{message} reducePreviewLineClass="max-one-line"
</Typography.Paragraph> />
)} )}
</Card> </Card>
); );