🐛 Bug Report: Broken/Missing Icon for User Avatar After GitHub Login

[nikc129]

👟 Reproduction steps

1.Log in to Appwrite using the "Sign in with GitHub" option.
2.Observe the user avatar in the top-right corner and the "Invite" section.

👍 Expected behavior

The user avatar should correctly display the GitHub profile picture or a default placeholder icon.

👎 Actual Behavior

A broken/missing icon is displayed instead of the expected user avatar.

🎲 Appwrite version

Version 1.6.x

💻 Operating system

Windows

🧱 Your Environment

No response

👀 Have you spent some time to check if this issue has been raised before?

• I checked and didn't find similar issue

🏢 Have you read the Code of Conduct?

• I have read the Code of Conduct

[cbum-dev]

I want to work on this issue. Please assign it to me.

[nikc129]

Hi @cbum-dev ,

Thanks for your interest in this issue! I don't have permissions to assign it, but I'm happy to support or provide additional details if needed. Looking forward to seeing your solution!

[stnguyen90]

@nikc129, thanks for creating this issue! 🙏🏼 Would you please check the network logs in the browser dev tools for a request to /v1/avatars/initials and share the URL? Also, do you have your name set in GitHub and Appwrite?

[cbum-dev]

Hey @nikc129 and @stnguyen90 is this issue still their?

[nikc129]

Hi @stnguyen90 ,

Thanks for the follow-up and the suggestion! 🙏🏼 I double-checked, and it looks like the issue was resolved by setting the username in Appwrite. Apologies for the misunderstanding of the interface earlier!

That said, I’d like to propose a small feature enhancement:
In cases where the username or associated data isn’t set correctly, it might be helpful to display a default user icon (like a placeholder avatar). This would improve the UI and ensure a consistent user experience, even if there’s missing data.

Let me know what you think, and thanks again for looking into this! 😊

[cbum-dev]

I would like to propose a change: in the light theme, the border of the avatar looks a bit off, and the text inside should be white to improve visibility.

Something like this.

[nikc129]

Hi @cbum-dev ,

I completely agree that improving the avatar's border and text visibility in the light theme would enhance the UI. Making the text inside white is a great idea, as it would ensure better contrast and readability.