diff options
Diffstat (limited to 'webapp/components/emoji/components/emoji_list_item.jsx')
-rw-r--r-- | webapp/components/emoji/components/emoji_list_item.jsx | 103 |
1 files changed, 0 insertions, 103 deletions
diff --git a/webapp/components/emoji/components/emoji_list_item.jsx b/webapp/components/emoji/components/emoji_list_item.jsx deleted file mode 100644 index cb3a8aceb..000000000 --- a/webapp/components/emoji/components/emoji_list_item.jsx +++ /dev/null @@ -1,103 +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 DeleteEmoji from './delete_emoji_modal.jsx'; - -import * as Utils from 'utils/utils.jsx'; - -import {FormattedMessage} from 'react-intl'; - -export default class EmojiListItem extends React.Component { - static get propTypes() { - return { - emoji: PropTypes.object.isRequired, - onDelete: PropTypes.func.isRequired, - filter: PropTypes.string, - creator: PropTypes.object.isRequired - }; - } - - constructor(props) { - super(props); - - this.handleDelete = this.handleDelete.bind(this); - } - - handleDelete() { - this.props.onDelete(this.props.emoji); - } - - matchesFilter(emoji, creator, filter) { - if (!filter) { - return true; - } - - if (emoji.name.toLowerCase().indexOf(filter) !== -1) { - return true; - } - - if (creator && creator.username && creator.username.toLowerCase().indexOf(filter) !== -1) { - return true; - } - - return false; - } - - render() { - const emoji = this.props.emoji; - const creator = this.props.creator; - const filter = this.props.filter ? this.props.filter.toLowerCase() : ''; - - if (!this.matchesFilter(emoji, creator, filter)) { - return null; - } - - let creatorName; - if (creator) { - creatorName = Utils.displayUsernameForUser(creator); - - if (creatorName !== creator.username) { - creatorName += ' (@' + creator.username + ')'; - } - } else { - creatorName = ( - <FormattedMessage - id='emoji_list.somebody' - defaultMessage='Somebody on another team' - /> - ); - } - - let deleteButton = null; - if (this.props.onDelete) { - deleteButton = ( - <DeleteEmoji onDelete={this.handleDelete}/> - ); - } - - return ( - <tr className='backstage-list__item'> - <td className='emoji-list__name'> - {':' + emoji.name + ':'} - </td> - <td className='emoji-list__image'> - <span - className='emoticon' - style={{backgroundImage: 'url(' + EmojiStore.getEmojiImageUrl(emoji) + ')'}} - /> - </td> - <td className='emoji-list__creator'> - {creatorName} - </td> - <td className='emoji-list-item_actions'> - {deleteButton} - </td> - </tr> - ); - } -} |