Meier Lukas
fba767bde3
* fix: cache is not exportet from react * fix: format issue * fix: type issue
34 lines
776 B
TypeScript
34 lines
776 B
TypeScript
import type { AvatarProps, MantineSize } from "@mantine/core";
|
|
import { Avatar } from "@mantine/core";
|
|
|
|
import { auth } from "@homarr/auth/next";
|
|
|
|
interface UserAvatarProps {
|
|
size: MantineSize;
|
|
}
|
|
|
|
export const UserAvatar = async ({ size }: UserAvatarProps) => {
|
|
const currentSession = await auth();
|
|
|
|
const commonProps = {
|
|
size,
|
|
color: "primaryColor",
|
|
} satisfies Partial<AvatarProps>;
|
|
|
|
if (!currentSession?.user) return <Avatar {...commonProps} />;
|
|
if (currentSession.user.image)
|
|
return (
|
|
<Avatar
|
|
{...commonProps}
|
|
src={currentSession.user.image}
|
|
alt={currentSession.user.name!}
|
|
/>
|
|
);
|
|
|
|
return (
|
|
<Avatar {...commonProps}>
|
|
{currentSession.user.name!.substring(0, 2).toUpperCase()}
|
|
</Avatar>
|
|
);
|
|
};
|