Only calculate displayed groups if flair enabled

src/components/views/messages/SenderProfile.js

@@ -105,12 +105,21 @@ export default React.createClass({
             return <span />; // emote message must include the name so don't duplicate it
         }
 
+        let flair = <div />;
+        if (this.props.enableFlair) {
             const displayedGroups = this._getDisplayedGroups(
                 this.state.userGroups, this.state.relatedGroups,
             );
 
+            // Backwards-compatible replacing of "(IRC)" with AS user flair
             name = displayedGroups.length > 0 ? name.replace(' (IRC)', '') : name;
 
+            flair = <Flair key='flair'
+                userId={mxEvent.getSender()}
+                groups={displayedGroups}
+            />;
+        }
+
         const nameElem = <EmojiText key='name'>{ name || '' }</EmojiText>;
 
         // Name + flair
@@ -118,13 +127,7 @@ export default React.createClass({
             <span className="mx_SenderProfile_name">
                 { nameElem }
             </span>
-            { this.props.enableFlair ?
+            { flair }
-                <Flair key='flair'
-                    userId={mxEvent.getSender()}
-                    groups={displayedGroups}
-                />
-                : null
-            }
         </span>;
 
         const content = this.props.text ?