diff options
author | Carlos Tadeu Panato Junior <ctadeu@gmail.com> | 2016-12-01 23:23:28 +0100 |
---|---|---|
committer | Joram Wilander <jwawilander@gmail.com> | 2016-12-01 17:23:28 -0500 |
commit | c51afba71a8d4614f74709d5e9c432c2cff3fcf7 (patch) | |
tree | 8b2ad4586123c5a7bab8c44f91dd8eebbfaea674 /webapp/components/select_team | |
parent | 8c18da21f3e51421a0dc6fbd4be1fa1e838dd482 (diff) | |
download | chat-c51afba71a8d4614f74709d5e9c432c2cff3fcf7.tar.gz chat-c51afba71a8d4614f74709d5e9c432c2cff3fcf7.tar.bz2 chat-c51afba71a8d4614f74709d5e9c432c2cff3fcf7.zip |
Add Team Description to the Team Settings (#4652)
* draft
* Add Team Description to the Team Settings
* add tooltips for team description
* made changes per PM review
* add message when there is no description set in the team
* squash
Diffstat (limited to 'webapp/components/select_team')
-rw-r--r-- | webapp/components/select_team/components/select_team_item.jsx | 24 |
1 files changed, 24 insertions, 0 deletions
diff --git a/webapp/components/select_team/components/select_team_item.jsx b/webapp/components/select_team/components/select_team_item.jsx index b29c4b1c4..825afdd69 100644 --- a/webapp/components/select_team/components/select_team_item.jsx +++ b/webapp/components/select_team/components/select_team_item.jsx @@ -4,6 +4,7 @@ import React from 'react'; import {Link} from 'react-router/es6'; +import {Tooltip, OverlayTrigger} from 'react-bootstrap'; export default class SelectTeamItem extends React.Component { static propTypes = { @@ -35,8 +36,31 @@ export default class SelectTeamItem extends React.Component { ); } + var descriptionTooltip = ''; + var showDescriptionTooltip = ''; + if (this.props.team.description) { + descriptionTooltip = ( + <Tooltip id='team-description__tooltip'> + {this.props.team.description} + </Tooltip> + ); + + showDescriptionTooltip = ( + <OverlayTrigger + trigger={['hover', 'focus', 'click']} + delayShow={1000} + placement='left' + overlay={descriptionTooltip} + ref='descriptionOverlay' + > + <span className='fa fa-info-circle signup-team__icon'/> + </OverlayTrigger> + ); + } + return ( <div className='signup-team-dir'> + {showDescriptionTooltip} <Link to={this.props.url} onClick={this.handleTeamClick} |