gab-social/app/javascript/gabsocial/components/autosuggest_emoji.js

37 lines
976 B
JavaScript
Raw Normal View History

2020-04-11 23:29:19 +01:00
import unicodeMapping from './emoji/emoji_unicode_mapping_light'
import Text from './text'
2020-04-08 02:06:59 +01:00
const assetHost = process.env.CDN_HOST || ''
export default class AutosuggestEmoji extends PureComponent {
static propTypes = {
emoji: PropTypes.object.isRequired,
2020-04-08 02:06:59 +01:00
}
render () {
2020-04-08 02:06:59 +01:00
const { emoji } = this.props
let url
if (emoji.custom) {
2020-04-08 02:06:59 +01:00
url = emoji.imageUrl
} else {
2020-04-08 02:06:59 +01:00
const mapping = unicodeMapping[emoji.native] || unicodeMapping[emoji.native.replace(/\uFE0F$/, '')]
2020-04-08 02:06:59 +01:00
if (!mapping) return null
2020-04-08 02:06:59 +01:00
url = `${assetHost}/emoji/${mapping.filename}.svg`
}
return (
<div className={[_s.default, _s.cursorPointer, _s.bgSubtle_onHover, _s.flexRow, _s.py10, _s.alignItemsCenter, _s.px10, _s.borderBottom1PX, _s.borderColorSecondary].join(' ')}>
<img className='emojione' src={url} alt={emoji.native || emoji.colons} />
<Text className={_s.ml10}>
{emoji.colons}
</Text>
</div>
2020-04-08 02:06:59 +01:00
)
}
}