From 14d600a69f3e91734edc2e7d9ab47c3085d9f7e0 Mon Sep 17 00:00:00 2001
From: Luke Barnard <lukeb@openmarket.com>
Date: Mon, 30 Oct 2017 15:04:12 +0000
Subject: [PATCH] Fix initial in GroupAvatar in GroupView

---
 src/components/structures/GroupView.js      | 3 +++
 src/components/views/avatars/GroupAvatar.js | 3 ++-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/structures/GroupView.js b/src/components/structures/GroupView.js
index 1564efd8d3f..fa75df53f09 100644
--- a/src/components/structures/GroupView.js
+++ b/src/components/structures/GroupView.js
@@ -884,6 +884,7 @@ export default React.createClass({
                 } else {
                     const GroupAvatar = sdk.getComponent('avatars.GroupAvatar');
                     avatarImage = <GroupAvatar groupId={this.props.groupId}
+                        groupName={this.state.profileForm.name}
                         groupAvatarUrl={this.state.profileForm.avatar_url}
                         width={48} height={48} resizeMethod='crop'
                     />;
@@ -928,9 +929,11 @@ export default React.createClass({
                      dir="auto" />;
             } else {
                 const groupAvatarUrl = summary.profile ? summary.profile.avatar_url : null;
+                const groupName = summary.profile ? summary.profile.name : null;
                 avatarNode = <GroupAvatar
                     groupId={this.props.groupId}
                     groupAvatarUrl={groupAvatarUrl}
+                    groupName={groupName}
                     onClick={this._onEditClick}
                     width={48} height={48}
                 />;
diff --git a/src/components/views/avatars/GroupAvatar.js b/src/components/views/avatars/GroupAvatar.js
index 3b716f02e13..4f34cc2c16d 100644
--- a/src/components/views/avatars/GroupAvatar.js
+++ b/src/components/views/avatars/GroupAvatar.js
@@ -24,6 +24,7 @@ export default React.createClass({
 
     propTypes: {
         groupId: PropTypes.string,
+        groupName: PropTypes.string,
         groupAvatarUrl: PropTypes.string,
         width: PropTypes.number,
         height: PropTypes.number,
@@ -57,7 +58,7 @@ export default React.createClass({
 
         return (
             <BaseAvatar
-                name={this.props.groupId[1]}
+                name={this.props.groupName || this.props.groupId[1]}
                 idName={this.props.groupId}
                 url={this.getGroupAvatarUrl()}
                 {...otherProps}