fix: user avatar fallback image

Author: shadcn

components/dashboard/user-avatar.tsx

@@ -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>
   )
 }

ui/avatar.tsx

@@ -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}