From 4839f107a911135e286db08b9025a57865434561 Mon Sep 17 00:00:00 2001
From: Vitaly Takmazov
Date: Fri, 1 Mar 2019 23:03:54 +0300
Subject: Avatars in Recommendations component

---
 vnext/src/components/Avatar.css  | 7 +++++++
 vnext/src/components/UserInfo.js | 4 ++--
 2 files changed, 9 insertions(+), 2 deletions(-)

(limited to 'vnext/src')

diff --git a/vnext/src/components/Avatar.css b/vnext/src/components/Avatar.css
index 133e6061..7bdb3115 100644
--- a/vnext/src/components/Avatar.css
+++ b/vnext/src/components/Avatar.css
@@ -13,6 +13,13 @@
     max-width: 48px;
 }
 
+.info-avatar img {
+    max-height: 24px;
+    max-width: 24px;
+    padding: 6px;
+    vertical-align: middle;
+}
+
 @media screen and (min-width: 450px) {
     .Avatar {
         width: 300px;
diff --git a/vnext/src/components/UserInfo.js b/vnext/src/components/UserInfo.js
index 0a601834..45adcc4e 100644
--- a/vnext/src/components/UserInfo.js
+++ b/vnext/src/components/UserInfo.js
@@ -83,8 +83,8 @@ export function UserLink(props) {
     }, [props.user]);
     return (
         user.uid ?
-            <Link key={user.uid} to={`/${user.uname}/`}>{user.uname}</Link>
-            : <a href={user.uri}>{user.uname}</a>
+            <Link key={user.uid} to={`/${user.uname}/`} className="info-avatar"><img src={user.avatar}/>{user.uname}</Link>
+            : <a href={user.uri}><img src={user.avatar}/>{user.uname}</a>
     )
 }
 
-- 
cgit v1.2.3