[$30] Add Handle to member ratings page

[ajefts]

Let's click link of my SRM rating graph - you'll see, that the handle name "square1001" is nowhere in this page.

It's confusing whose rating graph it is, and the current only way to see is to see the link of the page. We need to add the member handle to this page.

[ajefts]

Link to feature: https://tcprod.productboard.com/feature-board/planning/features/3141275

[codeMinter]

@ajefts @Oanh-and-only-Oanh can you share snapshot of how we want to show handle, as I don't have access to https://tcprod.productboard.com/feature-board/planning/features/3141275

[codeMinter]

Does something like this looks good? We will have same colouring affect as rating for handle and for label "handle" like "rating" - didn't wanted to invest time into implementation first so thought to get design approval first.

@Oanh-and-only-Oanh @ajefts ☝️

[Oanh-and-only-Oanh]

@codeMinter, let's show profile picture and username and use the same coloring as their "rating". No need to have "handle" label.

[codeMinter]

@Oanh-and-only-Oanh FYI ☝️

[codeMinter]

@Oanh-and-only-Oanh @nithyaasworld this is on DEV - http://www.topcoder-dev.com/members/tourist/details/?track=DATA_SCIENCE&subTrack=SRM

[Oanh-and-only-Oanh]

@codeMinter, can you 1) make username name a hyperlink that directs them to the profile page 2) if no profile picture is available, make default profile picture the current default icon

[nithyaasworld]

@codeMinter @Oanh-and-only-Oanh Can we reduce the font of the handle name as it looks big if the handle name is little big?

[codeMinter]

@nithyaasworld Sure will do so.

[codeMinter]

@codeMinter, can you 1) make username name a hyperlink that directs them to the profile page 2) if no profile picture is available, make default profile picture the current default icon

@Oanh-and-only-Oanh Since the users are landing from profile page to this screen. would adding something like < before SRM make sense here which takes them back to profile page. Thoughts ?

for 2) I checked the code, we are already using the default one if user has not profile picture. Do we have something else as default ? any pointers where I can check default pic?

[Oanh-and-only-Oanh]

@codeMinter, for 1) something like < before SRM works, 2) since we're already using the default one if user has no profile picture, no changes then.

[codeMinter]

@Oanh-and-only-Oanh @nithyaasworld this is on test, can you help test this ?

[codeMinter]

@Oanh-and-only-Oanh As discussed, we now show image and handle on all stats pages. It is ready on TEST server now.

[crazyk07]

Contest https://www.topcoder.com/challenges/30112840 has been updated - it has been assigned to rashmi73.

This is an automated message for crazyk via Topcoder X

[kkartunov]

@rashmi73 thanks for pickup. Please, PR to https://github.com/topcoder-platform/community-app/tree/feature-member-profiles branch. Thanks

[rashmi73]

@kkartunov PR #3577

[kkartunov]

@SathyaJayabal @nithyaasworld this is ready for testing on dev.

[SathyaJayabal]

@kkartunov

1. Access the ratings page directly (using the url) and not from the profile page.
   https://www.topcoder.com/members/FireIce/details/?track=DEVELOP&subTrack=ASSEMBLY_COMPETITION
   https://www.topcoder.com/members/birdofpreyru/details/?track=DEVELOP&subTrack=CODE
2. Click on < .
3. A blank page is displayed.

< button works fine when you access the page from the profile page.

Note: I think this is the same issue as with the member handle link displaying a blank page(which is fixed now).

[kkartunov]

@SathyaJayabal this is the same in prod. This means the ^^^ issue is not related to this one here. You should open another for this.

[SathyaJayabal]

@kkartunov , yes you are right. I will create a new issue.

[SathyaJayabal]

@kkartunov @Oanh-and-only-Oanh , the user handle opens the profile page in a new tab. I hope this is expected behaviour.

[SathyaJayabal]

Verified in production
handle.mov.zip

[crazyk07]

Payment task has been updated: https://software.topcoder.com/review/actions/ViewProjectDetails?pid=30112840

This is an automated message for crazyk via Topcoder X