Feat/avatar

[Mahmoud-zino]

Note:
only svelte is implemented as @endigo9740 requested.
I didn't implement click and keyboard events because of a11y.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
skeleton-next-prototype	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 14, 2024 7:26pm

[Mahmoud-zino]

@endigo9740
We have a very serious issue with the fallback in svelte. onerror is not being dispatched anymore if the image was not found, you can find the issue here: sveltejs/kit#8271

I tried Rich's suggestion to check the natural-width and height of the image but then if the image is not loaded on initialization (we are getting images from some-website usually) the width and height will be 0 so the src will be replaced with the fallback.

for now I've gone ahead and deleted the fallback props, but we should decide if we want to handle this inside the avatar or just ignore it.

[endigo9740]

@Mahmoud-zino that's weird. Hmm, well something to monitor as Svelte 5 progresses. Maybe they'll resolve this?

[endigo9740]

Just a few things!