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/TimelineInfoCard.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

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

diff --git a/Timeline/ClientApp/src/app/timeline/TimelineInfoCard.tsx b/Timeline/ClientApp/src/app/timeline/TimelineInfoCard.tsx
index c25b2376..ece7d38a 100644
--- a/Timeline/ClientApp/src/app/timeline/TimelineInfoCard.tsx
+++ b/Timeline/ClientApp/src/app/timeline/TimelineInfoCard.tsx
@@ -10,10 +10,11 @@ import {
 import { useTranslation } from 'react-i18next';
 import { fromEvent } from 'rxjs';
 
-import { useAvatarUrl } from '../data/user';
+import { useAvatar } from '../data/user';
 import { timelineVisibilityTooltipTranslationMap } from '../data/timeline';
 
 import { TimelineCardComponentProps } from './TimelinePageTemplateUI';
+import BlobImage from '../common/BlobImage';
 
 export type OrdinaryTimelineManageItem = 'delete';
 
@@ -26,7 +27,7 @@ const TimelineInfoCard: React.FC<TimelineInfoCardProps> = (props) => {
 
   const { t } = useTranslation();
 
-  const avatarUrl = useAvatarUrl(props.timeline.owner.username);
+  const avatar = useAvatar(props.timeline.owner.username);
 
   // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   const containerRef = React.useRef<HTMLDivElement>(null!);
@@ -60,8 +61,8 @@ const TimelineInfoCard: React.FC<TimelineInfoCardProps> = (props) => {
         {props.timeline.name}
       </h3>
       <div className="d-inline-block align-middle">
-        <img
-          src={avatarUrl}
+        <BlobImage
+          blob={avatar}
           onLoad={notifyHeight}
           className="avatar small rounded-circle"
         />
-- 
cgit v1.2.3

