From 89806d334fe2c7ef0ea8b3d12c74759e8e3ba860 Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Tue, 4 Aug 2020 02:31:59 +0800
Subject: ...

---
 Timeline/ClientApp/src/app/common/AppBar.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

(limited to 'Timeline/ClientApp/src/app/common/AppBar.tsx')

diff --git a/Timeline/ClientApp/src/app/common/AppBar.tsx b/Timeline/ClientApp/src/app/common/AppBar.tsx
index 061ba08c..8349aef7 100644
--- a/Timeline/ClientApp/src/app/common/AppBar.tsx
+++ b/Timeline/ClientApp/src/app/common/AppBar.tsx
@@ -5,14 +5,15 @@ import { Navbar, NavbarToggler, Collapse, Nav, NavItem } from 'reactstrap';
 import { useMediaQuery } from 'react-responsive';
 import { useTranslation } from 'react-i18next';
 
-import { useUser, useAvatarUrl } from '../data/user';
+import { useUser, useAvatar } from '../data/user';
 
 import TimelineLogo from './TimelineLogo';
+import BlobImage from './BlobImage';
 
 const AppBar: React.FC = (_) => {
   const history = useHistory();
   const user = useUser();
-  const avatarUrl = useAvatarUrl(user?.username);
+  const avatar = useAvatar(user?.username);
 
   const { t } = useTranslation();
 
@@ -34,9 +35,9 @@ const AppBar: React.FC = (_) => {
     <div className="ml-auto mr-2">
       {user != null ? (
         <NavLink to={`/users/${user.username}`}>
-          <img
+          <BlobImage
             className="avatar small rounded-circle bg-white"
-            src={avatarUrl}
+            blob={avatar}
           />
         </NavLink>
       ) : (
-- 
cgit v1.2.3

