HomePhabricator
Diffusion Comm 8e566ad207f3

[web] introduce UserAvatar component

Description

[web] introduce UserAvatar component

Summary:
After some discussion with @ashoat and @atul about how to fetch the ens uri for ens avatars we decided to have two separate components to render avatars: UserAvatar and ThreadAvatar this diff handles UserAvatar

This is also pretty much a copy from D7246

Depends on D7192

Test Plan:
I was able to render all three avatar types: Emoji, Image, and ENS

Emoji:

Screenshot 2023-04-03 at 2.03.30 AM.png (2×3 px, 782 KB)

Image (by hardcoding const avatarInfo = { type: 'image', uri: 'https://picsum.photos/200' }):

Screenshot 2023-04-03 at 2.02.52 AM.png (2×3 px, 821 KB)

ENS (by hardcoding const avatarInfo = { type: 'ens' } and the same ensAvatarURI I tested with in D7246):

Screenshot 2023-04-03 at 2.03.52 AM.png (2×3 px, 747 KB)

Reviewers: ashoat, atul

Reviewed By: atul

Subscribers: tomek, ashoat, atul

Differential Revision: https://phab.comm.dev/D7273

Details

Provenance
ginsuAuthored on Apr 4 2023, 11:17 AM
Reviewer
atul
Differential Revision
D7273: [web] introduce UserAvatar component
Parents
rCOMM7676f85478bb: [web] introduce avatar component
Branches
Unknown
Tags
Unknown