Profile picture beside wallet address after connect

[rickywong2207]

hi, i want to ask, if i use < ConnectButton >, there will be like profile picture beside wallet address, but if i use <ConnectButton.Custom>, the profile picture disappear, it not shown in custom connect button.
Can you teach me how to show/call the profile picture when i use custom connect button?
Thank you!

[magiziz]

@rickywong2207 Would you like to show what exactly is not working ? With <ConnectButton.Custom> you can return any elements you would like including the <img /> element to show your profile picture, but with pure <ConnectButton /> it won't work.

Here is an example of how you can return any elements to your <ConnectButton.Custom>.

[rickywong2207]

but when i use account.ensAvatar, it show nothing. it's like no image fetched.

[magiziz]

Right. That can happen sometimes if you don't have an ens profile image. Do you have an ens name ?

[rickywong2207]

i think i never create profile in ens, so it doesn't show anything. i can check it in here right?

https://app.ens.domains/

[magiziz]

Yes you can check in there correct. Here is an example of vitalik's ens name. He has a profile picture which means you can get that from him if he connects the wallet.

Also a good tool to use is called impersonator where you can connect to wallets with read-only and see if you can get the profile picture from an ens name that has one.

[rickywong2207]

okay, thank you so much for your help! cheers!!