diff --git a/src/components/structures/GroupView.js b/src/components/structures/GroupView.js index 2c24c398e0..c49f840561 100644 --- a/src/components/structures/GroupView.js +++ b/src/components/structures/GroupView.js @@ -54,16 +54,24 @@ const CategoryRoomList = React.createClass({ }, render: function() { + const TintableSvg = sdk.getComponent("elements.TintableSvg"); const roomNodes = this.props.rooms.map((r) => { return ; }); + let catHeader = null; if (this.props.category && this.props.category.profile) { catHeader =
{this.props.category.profile.name}
; } - return
+ return
{catHeader} {roomNodes} +
+ +
+ {_t('Add a Room')} +
+
; }, }); @@ -125,6 +133,7 @@ const RoleUserList = React.createClass({ }, render: function() { + const TintableSvg = sdk.getComponent("elements.TintableSvg"); const userNodes = this.props.users.map((u) => { return ; }); @@ -132,9 +141,15 @@ const RoleUserList = React.createClass({ if (this.props.role && this.props.role.profile) { roleHeader =
{this.props.role.profile.name}
; } - return
+ return
{roleHeader} {userNodes} +
+ +
+ {_t('Add a User')} +
+
; }, }); @@ -369,8 +384,6 @@ export default React.createClass({ _getFeaturedRoomsNode() { const summary = this.state.summary; - if (summary.rooms_section.rooms.length == 0) return null; - const defaultCategoryRooms = []; const categoryRooms = {}; summary.rooms_section.rooms.forEach((r) => { @@ -386,10 +399,7 @@ export default React.createClass({ } }); - let defaultCategoryNode = null; - if (defaultCategoryRooms.length > 0) { - defaultCategoryNode = ; - } + const defaultCategoryNode = ; const categoryRoomNodes = Object.keys(categoryRooms).map((catId) => { const cat = summary.rooms_section.categories[catId]; return ; @@ -407,8 +417,6 @@ export default React.createClass({ _getFeaturedUsersNode() { const summary = this.state.summary; - if (summary.users_section.users.length == 0) return null; - const noRoleUsers = []; const roleUsers = {}; summary.users_section.users.forEach((u) => { @@ -424,10 +432,7 @@ export default React.createClass({ } }); - let noRoleNode = null; - if (noRoleUsers.length > 0) { - noRoleNode = ; - } + const noRoleNode = ; const roleUserNodes = Object.keys(roleUsers).map((roleId) => { const role = summary.users_section.roles[roleId]; return ; diff --git a/src/i18n/strings/en_EN.json b/src/i18n/strings/en_EN.json index 464ab63683..2d1361b55e 100644 --- a/src/i18n/strings/en_EN.json +++ b/src/i18n/strings/en_EN.json @@ -886,5 +886,7 @@ "Leave %(groupName)s?": "Leave %(groupName)s?", "%(widgetName)s widget modified by %(senderName)s": "%(widgetName)s widget modified by %(senderName)s", "Robot check is currently unavailable on desktop - please use a web browser": "Robot check is currently unavailable on desktop - please use a web browser", - "Flair": "Flair" + "Flair": "Flair", + "Add a Room": "Add a Room", + "Add a User": "Add a User" }