matrix/matrix-react-sdk
1
0
Fork 0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-08-10 19:43:07 +03:00
Code Activity

Pass SimpleRoomHeader title in as a named property

Browse Source 
... rather than a child
This commit is contained in:
Richard van der Hoff
2016-03-29 23:21:17 +01:00
parent 0d261c37c2
commit 1f2ba87ff5
3 changed files with 11 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/structures/CreateRoom.js
View File

@@ -255,9 +255,7 @@ module.exports = React.createClass({
return (
<div className="mx_CreateRoom">
<SimpleRoomHeader>
Create room
</SimpleRoomHeader>
<SimpleRoomHeader title="CreateRoom" />
<div className="mx_CreateRoom_body">
<input type="text" ref="room_name" value={this.state.room_name} onChange={this.onNameChange} placeholder="Name"/> <br />
<textarea className="mx_CreateRoom_description" ref="topic" value={this.state.topic} onChange={this.onTopicChange} placeholder="Topic"/> <br />

4
src/components/structures/UserSettings.js
View File

@@ -331,9 +331,7 @@ module.exports = React.createClass({
return (
<div className="mx_UserSettings">
<SimpleRoomHeader>
Settings
</SimpleRoomHeader>
<SimpleRoomHeader title="Settings"/>
<GeminiScrollbar className="mx_UserSettings_body" autoshow={true}>

19
src/components/views/rooms/SimpleRoomHeader.js
View File

@@ -25,19 +25,18 @@ var React = require('react');
module.exports = React.createClass({
displayName: 'SimpleRoomHeader',
render: function() {
var cancel;
var header = (
<div className="mx_RoomHeader_wrapper">
<div className="mx_RoomHeader_simpleHeader">
{ this.props.children }
</div>
</div>
);
propTypes: {
title: React.PropTypes.string,
},
render: function() {
return (
<div className="mx_RoomHeader" >
{ header }
<div className="mx_RoomHeader_wrapper">
<div className="mx_RoomHeader_simpleHeader">
{ this.props.title }
</div>
</div>
</div>
);
},