fixed bugs in tags editing

src/widgets/chat-message.jsx

@@ -8,7 +8,6 @@ import LetterTile from './letter-tile.jsx';
 import ReceivedMarker from './received-marker.jsx'
 import UploadingImage from './uploading-image.jsx'
 
-import { idToColorClass } from '../lib/strformat.js';
 import { sanitizeImageUrl, sanitizeUrl } from '../lib/utils.js';
 
 export default class ChatMessage extends React.Component {
@@ -154,7 +153,7 @@ export default class ChatMessage extends React.Component {
             }
           </div>
           {fullDisplay ?
-            <div className={'author' + (this.props.userName ? idToColorClass(this.props.userFrom) : '')}>
+            <div className="author">
               {this.props.userName ||
                 <i><FormattedMessage id="user_not_found" defaultMessage="Not found"
                 description="In place of a user's full name when the user is not found." /></i>

src/widgets/topic-common.jsx

@@ -21,10 +21,11 @@ export default class TopicCommon extends React.Component {
       addCredActive: false,
       addCredInvalid: false,
       newCred: '',
-      tags: [],
-      previousTagsUpdated: undefined
+      tags: []
     };
 
+    this.previousTagsUpdated = undefined;
+
     this.onTagsUpdated = this.onTagsUpdated.bind(this);
     this.handleTagsUpdated = this.handleTagsUpdated.bind(this);
     this.tnCredsUpdated = this.tnCredsUpdated.bind(this);
@@ -105,17 +106,19 @@ export default class TopicCommon extends React.Component {
     }
   }
 
+  // Server informs that the tags have been updated.
   onTagsUpdated(tags) {
     this.setState({tags: tags});
 
     if (this.previousTagsUpdated && this.previousTagsUpdated != this.onTagsUpdated) {
-      this.previousTagsUpdated();
+      this.previousTagsUpdated(tags);
     }
   }
 
+  // Request server to change tags.
   handleTagsUpdated(tags) {
     if (!arrayEqual(this.state.tags.slice(0), tags.slice(0))) {
-      this.props.onTopicTagsUpdate(this.props.topic, tags);
+      this.props.onTopicTagsUpdateRequest(this.props.topic, tags);
     }
   }
 
@@ -143,7 +146,7 @@ export default class TopicCommon extends React.Component {
           tinode={this.props.tinode}
           topic={this.props.topic}
           onUpdateTopicDesc={this.props.onUpdateTopicDesc}
-          onUpdateTags={this.props.onUpdateTags}
+          onUpdateTags={this.handleTagsUpdated}
           onError={this.props.onError} />
         {this.state.isMe ?
           <>

src/widgets/topic-desc-edit.jsx

@@ -28,12 +28,13 @@ export default class TopicDescEdit extends React.Component {
       private: topic.private ? topic.private.comment : null,
       description: topic.public ? topic.public.note : undefined,
       avatar: makeImageUrl(topic.public ? topic.public.photo : null),
-      tags: topic.tags(),
+      tags: topic.tags() || [],
       newAvatar: null,
-      newAvatarMime: null,
-      previousOnTags: topic.onTagsUpdated
+      newAvatarMime: null
     };
 
+    this.previousOnTags = null;
+
     this.tnNewTags = this.tnNewTags.bind(this);
     this.handleFullNameUpdate = this.handleFullNameUpdate.bind(this);
     this.handleImageUpdated = this.handleImageUpdated.bind(this);
@@ -47,12 +48,13 @@ export default class TopicDescEdit extends React.Component {
 
   componentDidMount() {
     const topic = this.props.tinode.getTopic(this.props.topic);
+    this.previousOnTags = topic.onTagsUpdated;
     topic.onTagsUpdated = this.tnNewTags;
   }
 
   componentWillUnmount() {
     const topic = this.props.tinode.getTopic(this.props.topic);
-    topic.onTagsUpdated = this.state.previousOnTags;
+    topic.onTagsUpdated = this.previousOnTags;
   }
 
   tnNewTags(tags) {