Current User Avatar

1'use client'
2 
3import { useCurrentUserImage } from '@/registry/default/blocks/current-user-avatar/hooks/use-current-user-image'
4import { useCurrentUserName } from '@/registry/default/blocks/current-user-avatar/hooks/use-current-user-name'
5import { Avatar, AvatarFallback, AvatarImage } from '@/registry/default/components/ui/avatar'
6 
7export const CurrentUserAvatar = () => {
8  const profileImage = useCurrentUserImage()
9  const name = useCurrentUserName()
10  const initials = name
11    ?.split(' ')
12    ?.map((word) => word[0])
13    ?.join('')
14    ?.toUpperCase()
15 
16  return (
17    <Avatar>
18      {profileImage && <AvatarImage src={profileImage} alt={initials} />}
19      <AvatarFallback>{initials}</AvatarFallback>
20    </Avatar>
21  )
22}