You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
22 lines
836 B
22 lines
836 B
import FollowButton from '@/components/FollowButton' |
|
import Nip05 from '@/components/Nip05' |
|
import UserAvatar from '@/components/UserAvatar' |
|
import Username from '@/components/Username' |
|
import { useFetchProfile } from '@/hooks' |
|
|
|
export default function UserItem({ pubkey }: { pubkey: string }) { |
|
const { profile } = useFetchProfile(pubkey) |
|
const { nip05, about } = profile || {} |
|
|
|
return ( |
|
<div className="flex gap-2 items-start"> |
|
<UserAvatar userId={pubkey} className="shrink-0" /> |
|
<div className="w-full overflow-hidden"> |
|
<Username userId={pubkey} className="font-semibold truncate" skeletonClassName="h-4" /> |
|
<Nip05 nip05={nip05} pubkey={pubkey} /> |
|
<div className="truncate text-muted-foreground text-sm">{about}</div> |
|
</div> |
|
<FollowButton pubkey={pubkey} /> |
|
</div> |
|
) |
|
}
|
|
|