summaryrefslogtreecommitdiffstats
path: root/webapp/components/emoji_picker/components/emoji_picker_preview.jsx
diff options
context:
space:
mode:
Diffstat (limited to 'webapp/components/emoji_picker/components/emoji_picker_preview.jsx')
-rw-r--r--webapp/components/emoji_picker/components/emoji_picker_preview.jsx74
1 files changed, 0 insertions, 74 deletions
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>
- );
- }
-}