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

feat: add repo filtering to contributions tables on contributor profile #3580

Merged
merged 12 commits into from
Jul 3, 2024

Conversation

brandonroberts
Copy link
Contributor

@brandonroberts brandonroberts commented Jun 18, 2024

Description

  • Adds repo filtering to contribution sections on the contributor profile
  • Clicking on a repository filters the pull requests and issue comments below. Clicking again toggles the filter.

Related Tickets & Documents

Closes #2024

Mobile & Desktop Screenshots/Recordings

Screen.Recording.2024-06-18.at.3.02.15.PM.mov
Screen.Recording.2024-06-20.at.10.31.01.AM.mov

Steps to QA

  1. Go to deploy preview
  2. Go to contributor profile
  3. Click on repository under chart
  4. Note the PRs list filters down to that repository
  5. Click on repository again, or another repository
  6. Note the filter changes

Tier (staff will fill in)

  • Tier 1
  • Tier 2
  • Tier 3
  • Tier 4

[optional] What gif best describes this PR or how it makes you feel?

@brandonroberts brandonroberts requested a review from a team June 18, 2024 20:18
Copy link

netlify bot commented Jun 18, 2024

Deploy Preview for design-insights ready!

Name Link
🔨 Latest commit d4715d9
🔍 Latest deploy log https://app.netlify.com/sites/design-insights/deploys/6685c28fdd0f9c0008b66993
😎 Deploy Preview https://deploy-preview-3580--design-insights.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link

netlify bot commented Jun 18, 2024

Deploy Preview for oss-insights ready!

Name Link
🔨 Latest commit d4715d9
🔍 Latest deploy log https://app.netlify.com/sites/oss-insights/deploys/6685c28f66ae910008924bf5
😎 Deploy Preview https://deploy-preview-3580--oss-insights.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link
Member

@bdougie bdougie left a comment

Choose a reason for hiding this comment

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

Noticed something unrelated. Comments don't respect the width of the page due to long titles.

We should truncate those

image

image

@brandonroberts
Copy link
Contributor Author

Fixed the truncating with the issue comments on mobile

Copy link
Member

@jpmcb jpmcb left a comment

Choose a reason for hiding this comment

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

3 things I noticed:

  1. There is no "feedback" or haptics to filtering on one of the repos. Its difficult to tell which is actually the one that is being selected on:
Screenshot 2024-06-21 at 9 57 18 AM
  1. The box on firefox still seems to break out to the right.
  2. It also seems to totally refresh the page when the "Issue comments" are selected.

long-comments

@bdougie
Copy link
Member

bdougie commented Jun 24, 2024

Fixed the truncating with the issue comments on mobile

It works on desktop, but not mobile. Fine to punt this work to a new PR to not distract from the original goal of this feature.

Screenshot 2024-06-24 at 11 09 00 AM Screenshot 2024-06-24 at 11 08 48 AM

@brandonroberts
Copy link
Contributor Author

Added some feedback when selected a repository, and tested the truncating issues on mobile on an Android phone in portrait and landscape. Will follow-up any additional changes in another PR.

image

@brandonroberts brandonroberts requested a review from a team July 3, 2024 15:39
Copy link
Member

@nickytonline nickytonline left a comment

Choose a reason for hiding this comment

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

A quick test and things are working, but the first time I filter, I have to press a repo button twice. The video doesn't really show it well.

CleanShot 2024-07-03 at 16 54 09

Copy link
Member

@nickytonline nickytonline left a comment

Choose a reason for hiding this comment

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

This is good to go. Left one suggestion.

🚢

@brandonroberts
Copy link
Contributor Author

Thanks! The CSS and repo selection issue is resolved

@brandonroberts brandonroberts merged commit a2e49ef into beta Jul 3, 2024
13 checks passed
@brandonroberts brandonroberts deleted the feat-contributor-profile-repos branch July 3, 2024 21:50
open-sauced bot pushed a commit that referenced this pull request Jul 3, 2024
## [2.42.0-beta.1](v2.41.1-beta.2...v2.42.0-beta.1) (2024-07-03)

### 🍕 Features

* add repo filtering to contributions tables on contributor profile ([#3580](#3580)) ([a2e49ef](a2e49ef))
open-sauced bot pushed a commit that referenced this pull request Jul 4, 2024
## [2.42.0](v2.41.0...v2.42.0) (2024-07-04)

### 🍕 Features

* add repo filtering to contributions tables on contributor profile ([#3580](#3580)) ([a2e49ef](a2e49ef))

### 🐛 Bug Fixes

* lottery factor copy ([#3682](#3682)) ([baac008](baac008))
* now OSCR column is hidden if feature flag is not enabled for OSCR ([#3676](#3676)) ([061c590](061c590))
* now the contributor insights new/edit page fits in smaller screens ([#3679](#3679)) ([256af40](256af40))
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

feature: Filter contributions on the user profile
4 participants