fix lint

js/views/conversation_view.js

@@ -291,7 +291,7 @@
             window.Whisper.events.trigger('inviteFriends', this.model);
           },
 
-          onShowUserDetails: (pubkey) => {
+          onShowUserDetails: pubkey => {
             if (this.model.isPrivate()) {
               window.Whisper.events.trigger('onShowUserDetails', {
                 userPubKey: pubkey,

stylesheets/_conversation.scss

@@ -272,12 +272,10 @@
       }
     }
   }
-
 }
 
 .dark-theme {
   .group-invitation {
-
     background-color: #242424;
     border-color: #303030;
     box-shadow: 2px 2px #4f4f4f;

ts/components/Avatar.tsx

@@ -175,6 +175,7 @@ export class Avatar extends React.PureComponent<Props, State> {
           !hasImage ? `module-avatar--${color}` : null
         )}
         onClick={this.onAvatarClickBound}
+        role="button"
       >
         {hasImage ? this.renderAvatarOrIdenticon() : this.renderNoImage()}
       </div>
@@ -183,7 +184,7 @@ export class Avatar extends React.PureComponent<Props, State> {
 
   private onAvatarClick() {
     if (this.props.onAvatarClick) {
-      this.props.onAvatarClick()
+      this.props.onAvatarClick();
     }
   }
 

ts/components/UserDetailsDialog.tsx

@@ -36,9 +36,7 @@ export class UserDetailsDialog extends React.Component<Props> {
     return (
       <div className="content">
         <div className="avatar-center">
-          <div className="avatar-center-inner">
+          <div className="avatar-center-inner">{this.renderAvatar()}</div>
-            {this.renderAvatar()}
-          </div>
         </div>
         <div className="profile-name">{this.props.profileName}</div>
         <div className="message">{this.props.pubkey}</div>

ts/components/conversation/ConversationHeader.tsx

@@ -298,6 +298,12 @@ export class ConversationHeader extends React.Component<Props> {
     );
   }
 
+  public onShowUserDetails(userPubKey: string) {
+    if (this.props.onShowUserDetails) {
+      this.props.onShowUserDetails(userPubKey);
+    }
+  }
+
   private renderMemberCount() {
     const memberCount = this.props.members.length;
 
@@ -403,9 +409,4 @@ export class ConversationHeader extends React.Component<Props> {
       </React.Fragment>
     );
   }
-
-  public onShowUserDetails(userPubKey: string) {
-    if (this.props.onShowUserDetails)
-      this.props.onShowUserDetails(userPubKey);
-  }
 }

ts/components/conversation/Message.tsx

@@ -673,8 +673,7 @@ export class Message extends React.PureComponent<Props, State> {
     }
 
     return (
-      <div
+      <div className="module-message__author-avatar">
-        className="module-message__author-avatar">
         <Avatar
           avatarPath={authorAvatarPath}
           color={authorColor}