summaryrefslogtreecommitdiffstats
path: root/webapp/components/channel_info_modal.jsx
diff options
context:
space:
mode:
Diffstat (limited to 'webapp/components/channel_info_modal.jsx')
-rw-r--r--webapp/components/channel_info_modal.jsx156
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
-};