f1b1ec59ec
* feat: update prettier configuration for print width * chore: apply code formatting to entire repository * fix: remove build files * fix: format issue --------- Co-authored-by: Meier Lukas <meierschlumpf@gmail.com>
27 lines
661 B
TypeScript
27 lines
661 B
TypeScript
import type { AvatarProps } from "@mantine/core";
|
|
import { Avatar } from "@mantine/core";
|
|
|
|
export interface UserProps {
|
|
name: string | null;
|
|
image: string | null;
|
|
}
|
|
|
|
interface UserAvatarProps {
|
|
user: UserProps | null;
|
|
size: AvatarProps["size"];
|
|
}
|
|
|
|
export const UserAvatar = ({ user, size }: UserAvatarProps) => {
|
|
const commonProps = {
|
|
size,
|
|
color: "primaryColor",
|
|
} satisfies Partial<AvatarProps>;
|
|
|
|
if (!user?.name) return <Avatar {...commonProps} />;
|
|
if (user.image) {
|
|
return <Avatar {...commonProps} src={user.image} alt={user.name} />;
|
|
}
|
|
|
|
return <Avatar {...commonProps}>{user.name.substring(0, 2).toUpperCase()}</Avatar>;
|
|
};
|