You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
- import React from 'react';
- import PropTypes from 'prop-types';
- import { unicodeMapping } from '../emojione_light';
-
- const assetHost = process.env.CDN_HOST || '';
-
- export default class AutosuggestEmoji extends React.PureComponent {
-
- static propTypes = {
- emoji: PropTypes.object.isRequired,
- };
-
- render () {
- const { emoji } = this.props;
- let url;
-
- if (emoji.custom) {
- url = emoji.imageUrl;
- } else {
- const [ filename ] = unicodeMapping[emoji.native];
- url = `${assetHost}/emoji/${filename}.svg`;
- }
-
- return (
- <div className='autosuggest-emoji'>
- <img
- className='emojione'
- src={url}
- alt={emoji.native || emoji.colons}
- />
-
- {emoji.colons}
- </div>
- );
- }
-
- }
|