From 09b7e1f737659d0ee75e5ac2fd5c1decf8fa15a6 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/timeline/TimelineMember.tsx | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

(limited to 'Timeline/ClientApp/src/app/timeline/TimelineMember.tsx')

diff --git a/Timeline/ClientApp/src/app/timeline/TimelineMember.tsx b/Timeline/ClientApp/src/app/timeline/TimelineMember.tsx
index 8c637f46..39af412e 100644
--- a/Timeline/ClientApp/src/app/timeline/TimelineMember.tsx
+++ b/Timeline/ClientApp/src/app/timeline/TimelineMember.tsx
@@ -10,9 +10,10 @@ import {
   Button,
 } from 'reactstrap';
 
-import { User, useAvatarUrl } from '../data/user';
+import { User, useAvatar } from '../data/user';
 
 import SearchInput from '../common/SearchInput';
+import BlobImage from '../common/BlobImage';
 
 const TimelineMemberItem: React.FC<{
   user: User;
@@ -21,13 +22,13 @@ const TimelineMemberItem: React.FC<{
 }> = ({ user, owner, onRemove }) => {
   const { t } = useTranslation();
 
-  const avatarUrl = useAvatarUrl(user.username);
+  const avatar = useAvatar(user.username);
 
   return (
     <ListGroupItem className="container">
       <Row>
         <Col className="col-auto">
-          <img src={avatarUrl} className="avatar small" />
+          <BlobImage blob={avatar} className="avatar small" />
         </Col>
         <Col>
           <Row>{user.nickname}</Row>
@@ -84,7 +85,7 @@ const TimelineMember: React.FC<TimelineMemberProps> = (props) => {
     | { type: 'init' }
   >({ type: 'init' });
 
-  const userSearchAvatarUrl = useAvatarUrl(
+  const userSearchAvatar = useAvatar(
     userSearchState.type === 'user' ? userSearchState.data.username : undefined
   );
 
@@ -156,8 +157,8 @@ const TimelineMember: React.FC<TimelineMemberProps> = (props) => {
                       <Container className="mb-3">
                         <Row>
                           <Col className="col-auto">
-                            <img
-                              src={userSearchAvatarUrl}
+                            <BlobImage
+                              blob={userSearchAvatar}
                               className="avatar small"
                             />
                           </Col>
-- 
cgit v1.2.3

