Implement tooltip for group rooms
This commit is contained in:
parent
47bf991471
commit
62305a1ccd
3 changed files with 68 additions and 1 deletions
|
@ -661,6 +661,14 @@ export default React.createClass({
|
|||
const AccessibleButton = sdk.getComponent('elements.AccessibleButton');
|
||||
const TintableSvg = sdk.getComponent('elements.TintableSvg');
|
||||
const Spinner = sdk.getComponent('elements.Spinner');
|
||||
const ToolTip = sdk.getComponent('elements.ToolTip');
|
||||
|
||||
const roomsHelpNode = this.state.editing ? <ToolTip helpText={
|
||||
_t(
|
||||
'These rooms are displayed to community members on the community page. '+
|
||||
'Community members can join the rooms by clicking on them.',
|
||||
)
|
||||
} /> : <div />;
|
||||
|
||||
const addRoomRow = this.state.editing ?
|
||||
(<AccessibleButton className="mx_GroupView_rooms_header_addRow"
|
||||
|
@ -675,7 +683,10 @@ export default React.createClass({
|
|||
</AccessibleButton>) : <div />;
|
||||
return <div className="mx_GroupView_rooms">
|
||||
<div className="mx_GroupView_rooms_header">
|
||||
<h3>{ _t('Rooms') }</h3>
|
||||
<h3>
|
||||
{ _t('Rooms') }
|
||||
{ roomsHelpNode }
|
||||
</h3>
|
||||
{ addRoomRow }
|
||||
</div>
|
||||
{ this.state.groupRoomsLoading ?
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue