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
user(login: $login) {
name
avatarUrl
login
}
Currently, the comparison table shows only the GitHub username for each user.
We want to improve the UI by displaying:
This will make the comparison more visual and user-friendly.
🎯 Expected Behavior
✅ Tasks
💡 Hints
GitHub GraphQL API provides:
name(full name)avatarUrl(profile image)Example: