diff options
Diffstat (limited to 'webapp/components')
-rw-r--r-- | webapp/components/channel_info_modal.jsx | 67 | ||||
-rw-r--r-- | webapp/components/post_view/components/post_header.jsx | 2 | ||||
-rw-r--r-- | webapp/components/user_profile.jsx | 2 |
3 files changed, 32 insertions, 39 deletions
diff --git a/webapp/components/channel_info_modal.jsx b/webapp/components/channel_info_modal.jsx index d44df4056..7bd004411 100644 --- a/webapp/components/channel_info_modal.jsx +++ b/webapp/components/channel_info_modal.jsx @@ -20,8 +20,11 @@ export default class ChannelInfoModal extends React.Component { return false; } + render() { let channel = this.props.channel; + let channelIcon; + if (!channel) { const notFound = Utils.localizeMessage('channel_info.notFound', 'No Channel Found'); @@ -33,68 +36,58 @@ export default class ChannelInfoModal extends React.Component { }; } + if (channel.type === 'O') { + channelIcon = (<span className='fa fa-globe'/>); + } else if (channel.type === 'P') { + channelIcon = (<span className='fa fa-lock'/>); + } + const channelURL = Utils.getTeamURLFromAddressBar() + '/channels/' + channel.name; return ( <Modal + dialogClassName='about-modal' show={this.props.show} onHide={this.props.onHide} > - <Modal.Header closeButtton={true}> + <Modal.Header closeButton={true}> <Modal.Title> - {channel.display_name} + <FormattedMessage + id='channel_info.about' + defaultMessage='About' + /> + <strong>{channelIcon}{channel.display_name}</strong> </Modal.Title> </Modal.Header> <Modal.Body ref='modalBody'> - <div className='row form-group'> - <div className='col-sm-3 info__label'> + <div className='form-group'> + <div className='info__label'> <FormattedMessage - id='channel_info.name' - defaultMessage='Channel Name:' + id='channel_info.purpose' + defaultMessage='Purpose:' /> </div> - <div className='col-sm-9'>{channel.display_name}</div> + <div className='info__value'>{channel.purpose}</div> </div> - <div className='row form-group'> - <div className='col-sm-3 info__label'> + <div className='form-group'> + <div className='info__label'> <FormattedMessage id='channel_info.url' - defaultMessage='Channel URL:' + defaultMessage='URL:' /> </div> - <div className='col-sm-9'>{channelURL}</div> + <div className='info__value'>{channelURL}</div> </div> - <div className='row form-group'> - <div className='col-sm-3 info__label'> + <div className='about-modal__hash form-group padding-top x2'> + <p> <FormattedMessage id='channel_info.id' - defaultMessage='Channel ID:' + defaultMessage='ID: ' /> - </div> - <div className='col-sm-9'>{channel.id}</div> - </div> - <div className='row'> - <div className='col-sm-3 info__label'> - <FormattedMessage - id='channel_info.purpose' - defaultMessage='Channel Purpose:' - /> - </div> - <div className='col-sm-9'>{channel.purpose}</div> + {channel.id} + </p> </div> </Modal.Body> - <Modal.Footer> - <button - type='button' - className='btn btn-default' - onClick={this.props.onHide} - > - <FormattedMessage - id='channel_info.close' - defaultMessage='Close' - /> - </button> - </Modal.Footer> </Modal> ); } diff --git a/webapp/components/post_view/components/post_header.jsx b/webapp/components/post_view/components/post_header.jsx index 3c94f0bcb..727b005e7 100644 --- a/webapp/components/post_view/components/post_header.jsx +++ b/webapp/components/post_view/components/post_header.jsx @@ -52,7 +52,7 @@ export default class PostHeader extends React.Component { } if (this.props.compactDisplay) { - colon = (<strong>{':'}</strong>); + colon = (<strong className='colon'>{':'}</strong>); } return ( diff --git a/webapp/components/user_profile.jsx b/webapp/components/user_profile.jsx index ee876347b..6f5365ac1 100644 --- a/webapp/components/user_profile.jsx +++ b/webapp/components/user_profile.jsx @@ -64,7 +64,7 @@ export default class UserProfile extends React.Component { } if (this.props.disablePopover) { - return <div>{name}</div>; + return <div className='user-popover'>{name}</div>; } var dataContent = []; |