Add username tooltip to user's avatar. Nice in the commenters list of…

… a PostItem.
VulcanJS · Feb 3, 2017 · d0732c4 · d0732c4
1 parent eb2644a
commit d0732c4
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/packages/nova-base-components/lib/users/UsersAvatar.jsx b/packages/nova-base-components/lib/users/UsersAvatar.jsx
@@ -16,18 +16,18 @@ const UsersAvatar = ({user, size, link}) => {
     display: "inline-block",
     height: sizes[size],
     width: sizes[size]
-  }; 
+  };
 
   const imgStyle = {
     borderRadius: "100%",
     display: "block",
     height: sizes[size],
     width: sizes[size]
-  }; 
+  };
 
   const avatarUrl = Users.avatar.getUrl(user);
 
-  const img = <img alt={Users.getDisplayName(user)} style={imgStyle} className="avatar" src={avatarUrl}/>;
+  const img = <img alt={Users.getDisplayName(user)} style={imgStyle} className="avatar" src={avatarUrl} title={user.username}/>;
   const initials = <span className="avatar-initials"><span>{Users.avatar.getInitials(user)}</span></span>;
 
   const avatar = avatarUrl ? img : initials;
@@ -49,4 +49,4 @@ UsersAvatar.defaultProps = {
 
 UsersAvatar.displayName = "UsersAvatar";
 
-registerComponent('UsersAvatar', UsersAvatar);
+registerComponent('UsersAvatar', UsersAvatar);