make letter tile background identical to ios & android

2019-04-13 10:27:01 +03:00
parent 60a88bc3d5
commit 9a55e4b72e
5 changed files with 14 additions and 9 deletions
@@ -8,12 +8,15 @@ export default class LetterTile extends React.PureComponent {
  render() {
    let avatar;
    if (this.props.avatar === true) {
+      const isGroup = (Tinode.topicType(this.props.topic) == 'grp');
      if (this.props.topic && this.props.title && this.props.title.trim()) {
-        let letter = this.props.title.trim().charAt(0);
-        let color = "lettertile dark-color" + (Math.abs(stringHash(this.props.topic)) % 16);
+        const letter = this.props.title.trim().charAt(0);
+        const color = 'lettertile '
+          + (isGroup ? 'color' : 'dark-color')
+          + (Math.abs(stringHash(this.props.topic)) % 16);
        avatar = (<div className={color}><div>{letter}</div></div>)
      } else {
-        avatar = (Tinode.topicType(this.props.topic) == 'grp') ?
+        avatar = isGroup ?
          <i className="material-icons">group</i> :
          <i className="material-icons">person</i>;
      }