Skip to content

Display user full name and avatar in comparison table #63

@O2sa

Description

@O2sa

Currently, the comparison table shows only the GitHub username for each user.

We want to improve the UI by displaying:

  • The user's full name (if available)
  • The user's avatar image

This will make the comparison more visual and user-friendly.

🎯 Expected Behavior

  • Show user avatar (profile image)
  • Show full name instead of username
  • If full name is not available, fallback to username

✅ Tasks

  • Update GraphQL query to fetch user name and avatar
  • Pass the data to the frontend
  • Update UI to display:
    • Avatar image
    • Full name (or username as fallback)
  • Style the layout properly (alignment, spacing)

💡 Hints

  • GitHub GraphQL API provides:

    • name (full name)
    • avatarUrl (profile image)
  • Example:

user(login: $login) {
  name
  avatarUrl
  login
}

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions