280dc51d85
reorganization, linting, updating file imports, consolidation warning: there will be errors in this commit todo: update webpack, add missing styles, scss files, consolidate the rest of components within features/*
36 lines
804 B
JavaScript
36 lines
804 B
JavaScript
import unicodeMapping from '../emoji/emoji_unicode_mapping_light';
|
|
|
|
import './autosuggest_emoji.scss';
|
|
|
|
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>
|
|
);
|
|
}
|
|
|
|
}
|