Spaces:
Sleeping
Sleeping
File size: 1,877 Bytes
13555f3 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 | // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.
import React, {ReactElement} from 'react'
import {FormattedMessage} from 'react-intl'
import {EntryComponentProps} from '@draft-js-plugins/mention/lib/MentionSuggestions/Entry/Entry'
import GuestBadge from '../../../widgets/guestBadge'
import './entryComponent.scss'
const BotBadge = (window as any).Components?.BotBadge
const Entry = (props: EntryComponentProps): ReactElement => {
const {
mention,
theme,
...parentProps
} = props
return (
<div
{...parentProps}
>
<div className={`${theme?.mentionSuggestionsEntryContainer} EntryComponent`}>
<div className='EntryComponent__left'>
<img
src={mention.avatar}
className={theme?.mentionSuggestionsEntryAvatar}
role='presentation'
/>
<div className={theme?.mentionSuggestionsEntryText}>
{mention.name}
{BotBadge && mention.is_bot && <BotBadge/>}
<GuestBadge show={mention.is_guest}/>
</div>
<div className={theme?.mentionSuggestionsEntryText}>
{mention.displayName}
</div>
</div>
{!mention.isBoardMember &&
<div className={`EntryComponent__hint ${theme?.mentionSuggestionsEntryText}`}>
<FormattedMessage
id='MentionSuggestion.is-not-board-member'
defaultMessage='(not board member)'
/>
</div>}
</div>
</div>
)
}
export default Entry
|