From adc91a81fe53fdbc3d63065baa0b56862c104824 Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Wed, 19 Jul 2023 18:26:00 +0800
Subject: AppBar done!

---
 FrontEnd/src/views/common/user/UserAvatar.tsx | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

(limited to 'FrontEnd/src/views/common/user')

diff --git a/FrontEnd/src/views/common/user/UserAvatar.tsx b/FrontEnd/src/views/common/user/UserAvatar.tsx
index fcff8c69..aea7bd48 100644
--- a/FrontEnd/src/views/common/user/UserAvatar.tsx
+++ b/FrontEnd/src/views/common/user/UserAvatar.tsx
@@ -1,19 +1,22 @@
-import * as React from "react";
+import { Ref, ComponentPropsWithoutRef } from "react";
 
 import { getHttpUserClient } from "@/http/user";
 
-export interface UserAvatarProps
-  extends React.ImgHTMLAttributes<HTMLImageElement> {
+export interface UserAvatarProps extends ComponentPropsWithoutRef<"img"> {
   username: string;
+  imgRef?: Ref<HTMLImageElement> | null;
 }
 
-const UserAvatar: React.FC<UserAvatarProps> = ({ username, ...otherProps }) => {
+export default function UserAvatar({
+  username,
+  imgRef,
+  ...otherProps
+}: UserAvatarProps) {
   return (
     <img
+      ref={imgRef}
       src={getHttpUserClient().generateAvatarUrl(username)}
       {...otherProps}
     />
   );
-};
-
-export default UserAvatar;
+}
-- 
cgit v1.2.3