diff --git a/skins/base/views/molecules/RoomHeader.js b/skins/base/views/molecules/RoomHeader.js index 8b1a2075..8e0cadc2 100644 --- a/skins/base/views/molecules/RoomHeader.js +++ b/skins/base/views/molecules/RoomHeader.js @@ -67,6 +67,7 @@ module.exports = React.createClass({ var name = null; var topic_el = null; + var cancel_button = null; var save_button = null; var settings_button = null; var actual_name = this.props.room.currentState.getStateEvents('m.room.name', ''); @@ -77,6 +78,8 @@ module.exports = React.createClass({ <input className="mx_RoomHeader_nameInput" type="text" defaultValue={actual_name} placeholder="Name" ref="name_edit"/> </div> // if (topic) topic_el = <div className="mx_RoomHeader_topic"><textarea>{ topic.getContent().topic }</textarea></div> + cancel_button = <div className="mx_RoomHeader_textButton" onClick={this.props.onCancelClick}>Cancel</div> + save_button = <div className="mx_RoomHeader_textButton" onClick={this.props.onSaveClick}>Save Changes</div> } else { name = <div className="mx_RoomHeader_name"> @@ -102,6 +105,8 @@ module.exports = React.createClass({ </div> </div> {callButtons} + {cancel_button} + {save_button} <div className="mx_RoomHeader_rightRow"> { settings_button } <div className="mx_RoomHeader_button mx_RoomHeader_search"> diff --git a/skins/base/views/molecules/RoomSettings.js b/skins/base/views/molecules/RoomSettings.js index 27eb48de..7f48df20 100644 --- a/skins/base/views/molecules/RoomSettings.js +++ b/skins/base/views/molecules/RoomSettings.js @@ -207,12 +207,6 @@ module.exports = React.createClass({ ); })} </div> - - <div className="mx_RoomSettings_buttons"> - <div className="mx_RoomSettings_button" onClick={this.props.onSaveClick}> - Save this room - </div> - </div> </div> ); } diff --git a/skins/base/views/organisms/RoomView.js b/skins/base/views/organisms/RoomView.js index fe97a9c7..722a254f 100644 --- a/skins/base/views/organisms/RoomView.js +++ b/skins/base/views/organisms/RoomView.js @@ -64,6 +64,10 @@ module.exports = React.createClass({ ); }, + onCancelClick: function() { + this.setState(this.getInitialState()); + }, + getUnreadMessagesString: function() { if (!this.state.numUnreadMessages) { return ""; @@ -163,7 +167,7 @@ module.exports = React.createClass({ return ( <div className="mx_RoomView"> <RoomHeader ref="header" room={this.state.room} editing={this.state.editingRoomSettings} - onSettingsClick={this.onSettingsClick}/> + onSettingsClick={this.onSettingsClick} onSaveClick={this.onSaveClick} onCancelClick={this.onCancelClick} /> <div className="mx_RoomView_auxPanel"> <CallView room={this.state.room}/> { roomEdit }