Profile Revamp - Friends Tab (Text, Different Color Screen + Scenarios)

[samgawaran]

Summary

This submission is the study that's been finalized for the Friends tab. It covers all possible screens/scenarios for it.

Removing the block players/blockers feature as mentioned here

Screens

• Like Membership, guests cannot see a player's friend tab

Owner View

Moderator View

• Moderators don't have any CTAs for them to click

No Friends/Friend Requests

Scenarios

Adding a Player as a Friend

Cancelling a Friend Request

Accepting a Friend Request

Declining a Friend Request

Mobile View

Related Submissions

• https://github.com/colonistio/design/issues/126
• https://github.com/colonistio/design/issues/123
• https://github.com/colonistio/design/issues/122

Related links

• https://github.com/colonistio/design/issues/139
• https://github.com/colonistio/design/issues/2

Submission Checklist

• [x] This submission abides by Des-lvl-1, Des-lvl-2 & Des-lvl-3

[samgawaran]

@goktugyil @demiculus @JuanRoman77

let me know if there other specific/edge scenarios I might have missed out on. Otherwise, I'll be putting this submission in the https://github.com/colonistio/design/issues/139

scenarios like when reporting a player would be added in the profile sticky submission

[samgawaran]

@JuanRoman77 I adjusted the design to remove the banners based on your comment here: https://github.com/colonistio/katan/issues/7652#issuecomment-1232172809

only the scenario screens have been changed, specifically the purple banners that notify the player that someone friended them.

I removed these though:

Another player confirmed your Friend Request

how would the players be notified that someone accepted their request? something like this popup? (screenshot)

[samgawaran]

updated this to reflect the update ranked tabs and some consistency with the other tabs in the leaderboards