Elgato_dark/taxonomy
1
0
Fork 0
mirror of https://github.com/shadcn-ui/taxonomy synced 2026-05-24 09:48:32 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: user avatar fallback image

Browse source
This commit is contained in:
shadcn 2022-12-23 20:35:05 +04:00
parent f4be613866
commit 0bace50fca
2 changed files with 10 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
components/dashboard/user-avatar.tsx
View file

@ -11,11 +11,14 @@ interface UserAvatarProps extends AvatarProps {
export function UserAvatar({ user, ...props }: UserAvatarProps) {
return (
<Avatar {...props}>
<Avatar.Image alt="Picture" src={user.image} />
<Avatar.Fallback>
<span className="sr-only">{user.name}</span>
<Icons.user className="h-4 w-4" />
</Avatar.Fallback>
{user.image ? (
<Avatar.Image alt="Picture" src={user.image} />
) : (
<Avatar.Fallback>
<span className="sr-only">{user.name}</span>
<Icons.user className="h-4 w-4" />
</Avatar.Fallback>
)}
</Avatar>
)
}

4
ui/avatar.tsx
View file

@ -1,7 +1,7 @@
import Image, { ImageProps } from "next/image"
import * as AvatarPrimitive from "@radix-ui/react-avatar"
import { cn } from "@/lib/utils"
import Image, { ImageProps } from "next/image"
type AvatarProps = AvatarPrimitive.AvatarProps
@ -32,7 +32,7 @@ Avatar.Image = function AvatarImage({
return (
<Image
src={src}
className={cn("", className)}
className={cn("object-cover", className)}
alt={alt}
width={width}
height={height}