diff options
Diffstat (limited to 'webapp/components/emoji_picker/components')
3 files changed, 0 insertions, 205 deletions
diff --git a/webapp/components/emoji_picker/components/emoji_picker_category.jsx b/webapp/components/emoji_picker/components/emoji_picker_category.jsx deleted file mode 100644 index 66146106b..000000000 --- a/webapp/components/emoji_picker/components/emoji_picker_category.jsx +++ /dev/null @@ -1,43 +0,0 @@ -// Copyright (c) 2016-present Mattermost, Inc. All Rights Reserved. -// See License.txt for license information. - -import PropTypes from 'prop-types'; -import React from 'react'; - -export default class EmojiPickerCategory extends React.Component { - static propTypes = { - category: PropTypes.string.isRequired, - icon: PropTypes.node.isRequired, - onCategoryClick: PropTypes.func.isRequired, - selected: PropTypes.bool.isRequired - } - - constructor(props) { - super(props); - - this.handleClick = this.handleClick.bind(this); - } - - handleClick(e) { - e.preventDefault(); - - this.props.onCategoryClick(this.props.category); - } - - render() { - let className = 'emoji-picker__category'; - if (this.props.selected) { - className += ' emoji-picker__category--selected'; - } - - return ( - <a - className={className} - href='#' - onClick={this.handleClick} - > - {this.props.icon} - </a> - ); - } -} 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; - } -} diff --git a/webapp/components/emoji_picker/components/emoji_picker_preview.jsx b/webapp/components/emoji_picker/components/emoji_picker_preview.jsx deleted file mode 100644 index 991bf4a2d..000000000 --- a/webapp/components/emoji_picker/components/emoji_picker_preview.jsx +++ /dev/null @@ -1,74 +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'; - -import {FormattedMessage} from 'react-intl'; - -export default class EmojiPickerPreview extends React.Component { - static propTypes = { - emoji: PropTypes.object - } - - render() { - const emoji = this.props.emoji; - - if (emoji) { - let name; - let aliases; - let previewImage; - - if (emoji.aliases && emoji.category) { - // This is a system emoji which only has a list of aliases - name = emoji.aliases[0]; - aliases = emoji.aliases; - - previewImage = ( - <span className='sprite-preview'> - <img - src='/static/images/img_trans.gif' - className={'emojisprite-preview emoji-category-' + emoji.category + ' emoji-' + emoji.filename} - /> - </span> - ); - } else { - // This is a custom emoji that matches the model on the server - name = emoji.name; - aliases = [emoji.name]; - previewImage = ( - <img - className='emoji-picker__preview-image' - src={EmojiStore.getEmojiImageUrl(emoji)} - /> - ); - } - - return ( - <div className='emoji-picker__preview'> - <div className='emoji-picker__preview-image-box'> - {previewImage} - </div> - <div className='emoji-picker__preview-image-label-box'> - <span className='emoji-picker__preview-name'>{name}</span> - <span className='emoji-picker__preview-aliases'> - {':' + aliases[0] + ':'} - </span> - </div> - </div> - ); - } - - return ( - <div className='emoji-picker__preview emoji-picker__preview-placeholder'> - <FormattedMessage - id='emoji_picker.emojiPicker' - defaultMessage='Emoji Picker' - /> - </div> - ); - } -} |