Feature: Replace placeholder avatars with contributor avatars

[bdougie]

Type of feature

Feature

Current behavior

Within each repo card, the list avatars are placeholders. This was needed to figure out the design, but they will need to be replaced with the avatars of the contributors.

Desired solution

In the opensauced.pizza app, we grab the avatars using graphql. We can do something similar here.

Example in the opensauced dashboard

Additional context

This can be completed without a github OAuth

Code of Conduct

• I agree to follow this project's Code of Conduct

Update:

This issue is blocked on the need for a proper data fetching pattern from GitHub.

• Include the Open Sauced Persisted query data fetching and API from OneGraph #23

[kelvinsekx]

Is there no link to fetch the Avatars?

[bdougie]

Yes and not. You can fetch the contributors of repository and you can fetch avatars using github usernames separately.

Link to how it is done in the main repo: https://github.com/open-sauced/open-sauced/blob/bf2501d0320c282695b563e02b7394f871557d0d/src/components/Repository.js#L119

1. I think we will need to recreate this persisted query file in this repository.
2. We will introduce data fetching from github in this project
3. Use the existing contributors_oneGraph item to display avatars.

I will address the following to unblock this - #23

[nulfrost]

I'd love to take this one on once it's unblocked! So just to make sure I'm clear on what the task at hand is, we want to replace the placeholder avatars with avatars coming from the github api? Also since we are rendering a list of repos from a static list of items in a json file, would we be replacing that with the data from the github API or something else?

[bdougie]

we want to replace the placeholder avatars with avatars coming from the github API?

The placeholder images should be actual avatars of the top 2 contributors of the project.

Also since we are rendering a list of repos from a static list of items in a json file, would we be

replacing that with the data from the github API or something else?
The static file is temporary for development. This was a shorcut to avoid pagination of the https://api.opensauced.pizza.

#25 will unblock this.

[nulfrost]

Okay I see, gotcha! Will wait for that to be merged ☺️ thank you

[bdougie]

This is now unblocked, the data was added to the static JSON file. The avatars can now be dynamically rendered. I will be adding the fetch logic to the action that populates the DB.

i.e. https://github.com/open-sauced/actions/blob/main/populate-the-supabase/action.js#L27-L55

[nulfrost]

.take

[github-actions]

Thanks for taking this on! If you have not already, join the conversation in our Discord

[github-actions]

🎉 This issue has been resolved in version 1.2.0 🎉

The release is available on:

• GitHub release
• ghcr.io container (@latest dist-tag)

Your semantic-release bot 📦🚀