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

MPDX-8116 - Fix Commitment Info - Infinity Scroll #1016

Merged
merged 3 commits into from
Sep 5, 2024

Conversation

wjames111
Copy link
Contributor

@wjames111 wjames111 commented Aug 28, 2024

Description

  • Adds infinite scroll to Fix Commitment Info tool
  • Task MPDX-8116

Checklist:

  • I have given my PR a title with the format "MPDX-(JIRA#) (summary sentence max 80 chars)"
  • I have applied the appropriate labels. (Add the label "On Staging" to get the branch automatically merged into staging.)
  • I have requested a review from another person on the project

@wjames111 wjames111 added On Staging Will be merged to the staging branch by Github Actions Preview Environment Add this label to create an Amplify Preview labels Aug 28, 2024
@wjames111 wjames111 self-assigned this Aug 28, 2024
Copy link
Contributor

Copy link
Contributor

github-actions bot commented Aug 28, 2024

Bundle sizes [mpdx-react]

Compared against 40524d1

No significant changes found

@wjames111 wjames111 requested a review from canac September 5, 2024 14:58
Copy link
Contributor

@canac canac 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 adding infinite scroll! I have 98 items and when I scroll fast, the screen goes blank because rendering is taking 0.3s on same frames. I'm not sure why the rendered components are so costly to render. But that was a problem before this PR, so I'm approving.

@@ -107,6 +113,10 @@ export enum UpdateTypeEnum {
Hide = 'HIDE',
}

const ItemOverride: React.ComponentType<ItemProps> = (props) => (
<ItemWithBorders disableGutters disableHover={true} {...props} />
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
<ItemWithBorders disableGutters disableHover={true} {...props} />
<ItemWithBorders disableGutters disableHover {...props} />

@wjames111
Copy link
Contributor Author

Yeah it's not great, I tried playing around with it but couldn't get any better results.

@wjames111 wjames111 force-pushed the MPDX-8116-fix-commitment-info-infinity-scroll branch from 5a8f16e to 058c433 Compare September 5, 2024 15:52
@wjames111 wjames111 force-pushed the MPDX-8116-fix-commitment-info-infinity-scroll branch from cbd0b1d to 4e78626 Compare September 5, 2024 17:26
@wjames111 wjames111 merged commit c2b3d21 into main Sep 5, 2024
17 of 18 checks passed
@wjames111 wjames111 deleted the MPDX-8116-fix-commitment-info-infinity-scroll branch September 5, 2024 17:49
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
On Staging Will be merged to the staging branch by Github Actions Preview Environment Add this label to create an Amplify Preview
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants