gab-social/app/javascript/gabsocial/components/autosuggest_emoji.js
mgabdev 176ddc22f2 Updated the default class name
• Updated:
- the default class name
2020-08-18 15:49:11 -05:00

40 lines
1.0 KiB
JavaScript

import React from 'react'
import PropTypes from 'prop-types'
import unicodeMapping from './emoji/emoji_unicode_mapping_light'
import Text from './text'
const assetHost = process.env.CDN_HOST || ''
class AutosuggestEmoji extends React.PureComponent {
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={[_s.d, _s.cursorPointer, _s.bgSubtle_onHover, _s.flexRow, _s.py10, _s.aiCenter, _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>
)
}
}
AutosuggestEmoji.propTypes = {
emoji: PropTypes.object.isRequired,
}
export default AutosuggestEmoji