Add Skeleton and background to Avatar

[diegolmello]

To be done

• Add skeleton to Avatar
  • Pay attention to all use cases this component has (emoji, static image, etc)
  • This is good for UX, because nowadays we're rendering a blank space while avatar image is being fetched
  • You can see a skeleton example on VideoConferenceSkeletonLoading
• Add colors.bannerBackground to Avatar when in dark modes
  • Some avatars might rendered in unexpectedly in dark/black mode, so we should render a grey color on the background to make it feel right.
  • Keep it without background color on light mode
  • Pay attention not to create a visual glitch rendering background and skeleton at the same time

Light mode

Dark mode

[viniciused26]

In VideoConferenceBlock there's a function that returns the result of the conference, the skeleton is rendered only if the result isn't a success, but inside the Avatar there's no similar function. How can I check if the image is still beign fetched so I can render the Skeleton?

[abhinavvsinhaa]

Hey @diegolmello, can I work on this issue?

[eliaslma]

Hey, I'm new to the open source community, can I work on this issue? @diegolmello

[ashutosh887]

Let me work on this Issue @diegolmello

[deepak0x]

can i work on this issue? @diegolmello @Rohit3523

[Rohit3523]

You can work on any issue you want, also please avoid mentioning anyone in the issue unless it's urgent :)

Note: I get notifications for all the activities :)