Connect UI doesn't display image passed to the inAppWallet()'s metaData

[codingfarhan]

Code:

<ConnectButton client={client} wallets={[inAppWallet( metadata: { image: { alt: "Alt Text", height: 100, width: 100, src: "https://logowik.com/content/uploads/images/ethereum3649.jpg", }, }), createWallet("global.safe"), createWallet("com.exodus") ]}

[joaquim-verges]

thank you @codingfarhan - looking into this

[codingfarhan]

Thanks! @joaquim-verges as per my investigation, it looks like we need to add the 'metadata' object to the 'useStoreScreen' hook (in packages/thirdweb/src/react/web/ui/ConnectWallet/Modal/ConnectModal.tsx). If you're caught up with some other stuff, I'd be happy to create a PR for this! Will just need to know where exactly we want to display the image in the UI (if you have a figma design for this) :)

[joaquim-verges]

Should be even simpler than that. @gregfromstl was gonna look into it but feel free to open a PR!