Avatar API Not Working

[Saachi26]

The Avatar API, which should provide a new profile picture for each user, is not functioning correctly. The avatars are either missing or not rendering as expected.

Expected Behavior
The API should generate and display a unique profile picture for each user in the room.
Tasks
Fix the integration with the Avatar API.
Ensure avatars are rendered correctly for all users.

[pushkardev123]

Assign this to me, i'll look into it.

[MadhavKrishanGoswami]

go ahead @pushkardev123

[pushkardev123]

Hey im doing this under hacktoberfest and gssoc24 extd. Please add the respective tags

[pushkardev123]

where exactly is this avatar to be shown, coz i think i got the problem but in development server, there's no avatar icon being shown anywhere, may i know where it is placed exactly?

[Saachi26]

Currently we are using react-nice-avatar library. https://www.npmjs.com/package/react-nice-avatar
The avatars should be displayed next to each user's name in the people component.
Please check if the API is returning the correct data and ensure the avatar component is properly integrated.
Feel free to suggest another library if you think it might work better! Let me know if you need more information.

[pushkardev123]

okay sure, sorry i was busy for a while , ill look right into it.

[pushkardev123]

i think the main problem might be with the config , we can memoise it to be generated only once while rendering, can you please clarify the people component i cant find its position

[MadhavKrishanGoswami]

I think you're right about the config, and memoizing it sounds like a good approach. However, I’m a bit confused about what you mean by the "people component" and its position. Could you clarify what you're referring to so I can better understand?

[pushkardev123]

actually the showpeopleicon is set to false i think, i couldnt find the peoples icon, i have force set it to true as of now, lemme know if there was something else assosciated with this, currently checked the genConfig the avatar is generated correctly , but is not still displayed i think there's some css interferring with the display of the avatar, looking into it currently, till then please do clarify on this people's section

[MadhavKrishanGoswami]

The buttons to control the visibility of the people icon are located in apps/web/src/components/MountComponents/MountComponents.jsx. These buttons manage the visibility of that component, so you might want to check there to ensure everything is properly configured.

Let me know if that helps!

[pushkardev123]

i checked on with the code, and found out there's some problem with the module itself, i tried a few other modules, such as boring avatars and dicebear avatars, i found out they can do the current desired implementation but the avatar styles will be different, so shall i proceed with these modules? coz i really cant figure out what's being the problem with react-nice-avatars . I went through the css and saw no conflicting styles to cause this to not work.
Lemme know if i can proceed with another module, ill post a pull request then

[MadhavKrishanGoswami]

Thank you for the update! If you’re encountering issues with react-nice-avatars, please feel free to proceed with Boring Avatars or Dicebear Avatars. I appreciate your efforts and look forward to seeing your pull request!

[pushkardev123]

I've opened a pr request, please do review it.

[BlossomBreeze25]

please assign this to me , I want to do this .

[MadhavKrishanGoswami]

Absolutely @BlossomBreeze25 , feel free to take a look at the PR from @pushkardev123 for reference. Let me know if you need any help or have any questions! 🙌