mirror of
https://github.com/Sendouc/sendou.ink.git
synced 2026-05-09 12:13:10 -05:00
26 lines
575 B
TypeScript
26 lines
575 B
TypeScript
import { Avatar, AvatarProps } from "@chakra-ui/react";
|
|
import { User } from "@prisma/client";
|
|
import React from "react";
|
|
|
|
interface Props {
|
|
user: Pick<User, "discordId" | "username" | "discordAvatar">;
|
|
isSmall?: boolean;
|
|
}
|
|
|
|
const UserAvatar: React.FC<Props & AvatarProps> = ({
|
|
user,
|
|
isSmall,
|
|
...props
|
|
}) => (
|
|
<Avatar
|
|
name={user.username}
|
|
src={`https://cdn.discordapp.com/avatars/${user.discordId}/${
|
|
user.discordAvatar
|
|
}.jpg${isSmall ? "?size=40" : ""}`}
|
|
size={isSmall ? "sm" : undefined}
|
|
{...props}
|
|
/>
|
|
);
|
|
|
|
export default UserAvatar;
|