diff options
Diffstat (limited to 'webapp/components/emoji_picker/components/emoji_picker_item.jsx')
-rw-r--r-- | webapp/components/emoji_picker/components/emoji_picker_item.jsx | 88 |
1 files changed, 0 insertions, 88 deletions
diff --git a/webapp/components/emoji_picker/components/emoji_picker_item.jsx b/webapp/components/emoji_picker/components/emoji_picker_item.jsx deleted file mode 100644 index af72331be..000000000 --- a/webapp/components/emoji_picker/components/emoji_picker_item.jsx +++ /dev/null @@ -1,88 +0,0 @@ -import PropTypes from 'prop-types'; - -// Copyright (c) 2016-present Mattermost, Inc. All Rights Reserved. -// See License.txt for license information. - -import React from 'react'; - -import EmojiStore from 'stores/emoji_store.jsx'; - -export default class EmojiPickerItem extends React.PureComponent { - static propTypes = { - emoji: PropTypes.object.isRequired, - onItemOver: PropTypes.func.isRequired, - onItemOut: PropTypes.func.isRequired, - onItemClick: PropTypes.func.isRequired, - onItemUnmount: PropTypes.func.isRequired, - category: PropTypes.string.isRequired, - isLoaded: PropTypes.bool.isRequired - } - - constructor(props) { - super(props); - - this.handleMouseOver = this.handleMouseOver.bind(this); - this.handleMouseOut = this.handleMouseOut.bind(this); - this.handleClick = this.handleClick.bind(this); - } - - componentWillUnmount() { - this.props.onItemUnmount(this.props.emoji); - } - - handleMouseOver() { - this.props.onItemOver(this.props.emoji); - } - - handleMouseOut() { - this.props.onItemOut(); - } - - handleClick() { - this.props.onItemClick(this.props.emoji); - } - - render() { - let item = null; - - if (this.props.emoji.category) { - let className; - if (this.props.isLoaded) { - className = 'emojisprite'; - } else { - className = 'emojisprite-loading'; - } - - className += ' emoji-category-' + this.props.emoji.category; - className += ' emoji-' + this.props.emoji.filename; - - item = ( - <div> - <img - src='/static/images/img_trans.gif' - className={className} - onMouseOver={this.handleMouseOver} - onMouseOut={this.handleMouseOut} - onClick={this.handleClick} - /> - </div> - ); - } else { - item = ( - <span - onMouseOver={this.handleMouseOver} - onMouseOut={this.handleMouseOut} - onClick={this.handleClick} - className='emoji-picker__item-wrapper' - > - <img - className='emoji-picker__item emoticon' - src={EmojiStore.getEmojiImageUrl(this.props.emoji)} - /> - </span> - ); - } - - return item; - } -} |