2020-04-07 21:06:59 -04:00

34 lines
758 B
JavaScript

import unicodeMapping from '../emoji/emoji_unicode_mapping_light'
const assetHost = process.env.CDN_HOST || ''
export default class AutosuggestEmoji extends PureComponent {
static propTypes = {
emoji: PropTypes.object.isRequired,
}
render () {
const { emoji } = this.props
let url
if (emoji.custom) {
url = emoji.imageUrl
} else {
const mapping = unicodeMapping[emoji.native] || unicodeMapping[emoji.native.replace(/\uFE0F$/, '')]
if (!mapping) return null
url = `${assetHost}/emoji/${mapping.filename}.svg`
}
return (
<div className='autosuggest-emoji'>
<img className='emojione' src={url} alt={emoji.native || emoji.colons} />
{emoji.colons}
</div>
)
}
}