Conversations: Change the way otherAccounts is handled

Fixes #191

app/soapbox/components/display_name.js

@@ -11,9 +11,9 @@ export default class DisplayName extends React.PureComponent {
   };
 
   render() {
-    const { others } = this.props;
+    const { account, others } = this.props;
 
-    let displayName, suffix, account;
+    let displayName, suffix;
 
     if (others && others.size > 1) {
       displayName = others.take(2).map(a => [
@@ -27,12 +27,6 @@ export default class DisplayName extends React.PureComponent {
         suffix = `+${others.size - 2}`;
       }
     } else {
-      if (others && others.size > 0) {
-        account = others.first();
-      } else {
-        account = this.props.account;
-      }
-
       displayName = (
         <>
           <bdi><strong className='display-name__html' dangerouslySetInnerHTML={{ __html: account.get('display_name_html') }} /></bdi>

app/soapbox/components/status.js

@@ -386,7 +386,7 @@ class Status extends ImmutablePureComponent {
       );
     }
 
-    if (otherAccounts && otherAccounts.size > 0) {
+    if (otherAccounts && otherAccounts.size > 1) {
       statusAvatar = <AvatarComposite accounts={otherAccounts} size={48} />;
     } else if (account === undefined || account === null) {
       statusAvatar = <Avatar account={status.get('account')} size={48} />;