FrontEnd/src/components/user/UserAvatar.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

import { Ref, ComponentPropsWithoutRef } from "react";

import { getHttpUserClient } from "~src/http/user";

export interface UserAvatarProps extends ComponentPropsWithoutRef<"img"> {
  username: string;
  imgRef?: Ref<HTMLImageElement> | null;
}

export default function UserAvatar({
  username,
  imgRef,
  ...otherProps
}: UserAvatarProps) {
  return (
    <img
      ref={imgRef}
      src={getHttpUserClient().generateAvatarUrl(username)}
      {...otherProps}
    />
  );
}