diff options
Diffstat (limited to 'webapp/components/channel_info_modal.jsx')
-rw-r--r-- | webapp/components/channel_info_modal.jsx | 156 |
1 files changed, 0 insertions, 156 deletions
diff --git a/webapp/components/channel_info_modal.jsx b/webapp/components/channel_info_modal.jsx deleted file mode 100644 index 186dfc5cf..000000000 --- a/webapp/components/channel_info_modal.jsx +++ /dev/null @@ -1,156 +0,0 @@ -// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved. -// See License.txt for license information. - -import * as Utils from 'utils/utils.jsx'; -import Constants from 'utils/constants.jsx'; - -import {FormattedMessage} from 'react-intl'; -import {Modal} from 'react-bootstrap'; -import TeamStore from 'stores/team_store.jsx'; -import * as TextFormatting from 'utils/text_formatting.jsx'; - -import PropTypes from 'prop-types'; - -import React from 'react'; - -export default class ChannelInfoModal extends React.Component { - constructor(props) { - super(props); - - this.onHide = this.onHide.bind(this); - - this.state = {show: true}; - } - - onHide() { - this.setState({show: false}); - } - - render() { - let channel = this.props.channel; - let channelIcon; - const globeIcon = Constants.GLOBE_ICON_SVG; - const lockIcon = Constants.LOCK_ICON_SVG; - - if (!channel) { - const notFound = Utils.localizeMessage('channel_info.notFound', 'No Channel Found'); - - channel = { - display_name: notFound, - name: notFound, - purpose: notFound, - header: notFound, - id: notFound - }; - } - - if (channel.type === 'O') { - channelIcon = ( - <span - className='icon icon__globe icon--body' - dangerouslySetInnerHTML={{__html: globeIcon}} - /> - ); - } else if (channel.type === 'P') { - channelIcon = ( - <span - className='icon icon__globe icon--body' - dangerouslySetInnerHTML={{__html: lockIcon}} - /> - ); - } - - const channelURL = TeamStore.getCurrentTeamUrl() + '/channels/' + channel.name; - - let channelPurpose; - if (channel.purpose) { - channelPurpose = channel.purpose; - } else if (channel.name === Constants.DEFAULT_CHANNEL) { - channelPurpose = ( - <FormattedMessage - id='default_channel.purpose' - defaultMessage='Post messages here that you want everyone to see. Everyone automatically becomes a permanent member of this channel when they join the team.' - /> - ); - } - - let channelPurposeElement; - if (channelPurpose) { - channelPurposeElement = ( - <div className='form-group'> - <div className='info__label'> - <FormattedMessage - id='channel_info.purpose' - defaultMessage='Purpose:' - /> - </div> - <div className='info__value'>{channelPurpose}</div> - </div> - ); - } - - let channelHeader = null; - if (channel.header) { - channelHeader = ( - <div className='form-group'> - <div className='info__label'> - <FormattedMessage - id='channel_info.header' - defaultMessage='Header:' - /> - </div> - <div - className='info__value' - dangerouslySetInnerHTML={{__html: TextFormatting.formatText(channel.header, {singleline: false, mentionHighlight: false})}} - /> - </div> - ); - } - - return ( - <Modal - dialogClassName='about-modal' - show={this.state.show} - onHide={this.onHide} - onExited={this.props.onHide} - > - <Modal.Header closeButton={true}> - <Modal.Title> - <FormattedMessage - id='channel_info.about' - defaultMessage='About' - /> - <strong>{channelIcon}{channel.display_name}</strong> - </Modal.Title> - </Modal.Header> - <Modal.Body ref='modalBody'> - {channelPurposeElement} - {channelHeader} - <div className='form-group'> - <div className='info__label'> - <FormattedMessage - id='channel_info.url' - defaultMessage='URL:' - /> - </div> - <div className='info__value'>{channelURL}</div> - </div> - <div className='about-modal__hash form-group padding-top x2'> - <p> - <FormattedMessage - id='channel_info.id' - defaultMessage='ID: ' - /> - {channel.id} - </p> - </div> - </Modal.Body> - </Modal> - ); - } -} - -ChannelInfoModal.propTypes = { - onHide: PropTypes.func.isRequired, - channel: PropTypes.object.isRequired -}; |