Filter modal creator dropdown

[Sachin-chaurasiya]

Today we have this simple creator list dropdown which only shows the creator name and does not provide proper context for the creator's Github profile.

So I am looking for design suggestions for this, we can take some inspiration from how Github shows the dropdown with profile image, name and username.

Please provide your feedback and suggestions.

Thank You.

[atapas]

The design looks great to me. Thanks @Sachin-chaurasiya

How are you planning to handle the API calls? There may be so many creators, how many calls will be made to get the details?

[Sachin-chaurasiya]

@atapas, When the creator submits any play we ask for Github username right? so based on that username we can create a user profile picture URL something like this https://github.com/{username}.png

For example, if I want your Github profile picture, I can quickly get that like this: https://github.com/atapas.png.

Please let me know your thought on this.

[Sachin-chaurasiya]

@atapas , Now we are storing plays on the store, so do we have creators' details available as well?

[Sachin-chaurasiya]

I can see we have the user attribute in play details, and it has a structure like this.

{
    "id": "0680f581-6584-4bc4-bbe9-aa7c97567e72",
    "displayName": "Tapas Adhikary",
    "avatarUrl": "https://avatars.githubusercontent.com/u/3633137?v=4"
}

[Sachin-chaurasiya]

@atapas, Do we have an endpoint available to get the creators list?
cc : @koustov

[atapas]

That's right.. the entire details is available.. In fact, the current filter UI puls it using the query. You check the filter code path, it uses the query already, you may have to adjust it to pull the avatarURl if it is not pulling already.

[Sachin-chaurasiya]

Thanks, @atapas, I will have a look.