AppBar done!

1 files changed, 10 insertions, 7 deletions

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;
+}