app/javascript/mastodon/components/autosuggest_emoji.js

   1 import React from 'react';
   2 import PropTypes from 'prop-types';
   3 import { unicodeMapping } from '../emojione_light';
   4
   5 const assetHost = process.env.CDN_HOST || '';
   6
   7 export default class AutosuggestEmoji extends React.PureComponent {
   8
   9   static propTypes = {
  10     emoji: PropTypes.object.isRequired,
  11   };
  12
  13   render () {
  14     const { emoji } = this.props;
  15     let url;
  16
  17     if (emoji.custom) {
  18       url = emoji.imageUrl;
  19     } else {
  20       const [ filename ] = unicodeMapping[emoji.native];
  21       url = `${assetHost}/emoji/${filename}.svg`;
  22     }
  23
  24     return (
  25       <div className='autosuggest-emoji'>
  26         <img
  27           className='emojione'
  28           src={url}
  29           alt={emoji.native || emoji.colons}
  30         />
  31
  32         {emoji.colons}
  33       </div>
  34     );
  35   }
  36
  37 }