Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add highest-rated-comment feature #2108

Merged
merged 17 commits into from Jun 4, 2019

Conversation

lubien
Copy link
Contributor

@lubien lubien commented Jun 1, 2019

Copy link
Member

@fregante fregante left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks for the PR! Got a few changes 😅

source/features/highest-rated-comment.css Outdated Show resolved Hide resolved
source/features/highest-rated-comment.css Outdated Show resolved Hide resolved
source/features/highest-rated-comment.tsx Outdated Show resolved Hide resolved
source/features/highest-rated-comment.tsx Outdated Show resolved Hide resolved
source/features/highest-rated-comment.tsx Outdated Show resolved Hide resolved
source/features/highest-rated-comment.tsx Outdated Show resolved Hide resolved
source/features/highest-rated-comment.tsx Outdated Show resolved Hide resolved
source/features/highest-rated-comment.tsx Outdated Show resolved Hide resolved
source/features/highest-rated-comment.tsx Outdated Show resolved Hide resolved
source/features/highest-rated-comment.tsx Outdated Show resolved Hide resolved
@lubien
Copy link
Contributor Author

lubien commented Jun 1, 2019

I'm on it

@lubien
Copy link
Contributor Author

lubien commented Jun 1, 2019

Done

Copy link
Member

@fregante fregante left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can you commit to maintain this feature going forward? For example, in case GitHub changes something that breaks it. We already have way too many features to maintain, so we need to find a way to make this sustainable.

If so, can you add a line to the CODEOWNERS file?

source/libs/icons.tsx Outdated Show resolved Hide resolved
source/features/highest-rated-comment.tsx Outdated Show resolved Hide resolved
source/features/highest-rated-comment.tsx Outdated Show resolved Hide resolved
source/features/highest-rated-comment.tsx Outdated Show resolved Hide resolved
source/features/highest-rated-comment.tsx Outdated Show resolved Hide resolved
source/features/highest-rated-comment.tsx Outdated Show resolved Hide resolved
source/features/highest-rated-comment.tsx Outdated Show resolved Hide resolved
source/features/highest-rated-comment.tsx Outdated Show resolved Hide resolved
source/features/highest-rated-comment.tsx Outdated Show resolved Hide resolved
* Simplify template.
* Update CSS to fit the template changes.
* Update init signature.
* Remove $ from DOM variables.
* Minor implementation changes.
* Correct arrowDown SVG template.
Feature: highest-rated-comment.tsx
@lubien
Copy link
Contributor Author

lubien commented Jun 1, 2019

Implemented and added to CODEOWNERS ;)

We need to force just the color since the original comment original CSS
takes precedence unless we do this.
Copy link
Member

@fregante fregante left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Probably the last pass 😃

source/features/highest-rated-comment.css Outdated Show resolved Hide resolved
source/features/highest-rated-comment.tsx Outdated Show resolved Hide resolved
source/features/highest-rated-comment.tsx Outdated Show resolved Hide resolved
source/features/highest-rated-comment.tsx Outdated Show resolved Hide resolved
source/features/highest-rated-comment.tsx Outdated Show resolved Hide resolved
source/features/highest-rated-comment.tsx Outdated Show resolved Hide resolved
* Oneliner CSS border.
* JSX render function directly in init.
* Remove Prop type.
* Simplify JSX.
@lubien
Copy link
Contributor Author

lubien commented Jun 1, 2019

Done ;)

@fregante fregante self-assigned this Jun 2, 2019
@fregante
Copy link
Member

fregante commented Jun 2, 2019

New screenshot:

@fregante fregante removed their assignment Jun 2, 2019
@fregante
Copy link
Member

fregante commented Jun 2, 2019

Can you find more threads where this can be tested?

@lubien
Copy link
Contributor Author

lubien commented Jun 2, 2019

I tried to search for cases on the 5th+ comment but had no luck over some huge repos I went through. Most would be the first one.

About the changes I can tackle monday if it's okay to you. Today I have to deal with some things first :)

@fregante fregante changed the title Add highest-rated-comment feature Add highest-rated-comment feature Jun 4, 2019
@fregante fregante merged commit 47f3c74 into refined-github:master Jun 4, 2019
@fregante
Copy link
Member

fregante commented Jun 4, 2019

This is great and will definitely super useful! Thank you @lubien! 🥇

@lubien
Copy link
Contributor Author

lubien commented Jun 4, 2019

Oh. I was gonna do it when I came back home. Thanks for your help

Glad to work with you and see you next time

@lubien lubien deleted the highest-rated-comment branch June 4, 2019 20:28
@Lemmmy
Copy link

Lemmmy commented Jun 25, 2019

Really like this feature, makes reading long discussion pages significantly easier. However, sometimes the 'jump to comment' banner doesn't show, and so the first time a user of the extension sees the gold border, it isn't immediately obvious what the colour means (from this issue):

image

I had to look through the DOM to see what was adding the border-color to find out what it meant, especially as it is not yet in the changelog:

image

Perhaps adding a badge on the comment (similar to the 'Contributor', 'Collaborator' and 'Author' badges) saying "Highest rated comment" would improve accessibility for new users? Something like this:

image

This suggestion might be more appropriate in a separate issue or PR - happy to create one if so.

@lubien
Copy link
Contributor Author

lubien commented Jun 25, 2019

Agreed @Lemmmy.

What's your take on this @bfred-it? Should we go for another issue?

@fregante
Copy link
Member

fregante commented Jun 25, 2019

You can send a PR and let’s see how it looks. I don’t think it’s enough to make that connection “Orange = highest rated comment” however.

We don’t add the linking banner when the comment appears near the top (within the first 5 comments)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Development

Successfully merging this pull request may close these issues.

'Top/Most Helpful Comments' on issues
3 participants