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

Improve flashing behaviour for loading gas estimates (on confirm screen) #11852

Merged
merged 3 commits into from
Aug 16, 2021

Conversation

danjm
Copy link
Contributor

@danjm danjm commented Aug 16, 2021

This PR makes a few improvements to the flashing estimates on the confirm screen.

  • It ensures that the flashing only happens on the values (not the whole screen)
  • It ensures the opacity never goes to 0 (only to 0.2 as specified in figma)
  • It ensures that flashing stops after loading completes

When paired with my other PR, it looks like this:

maticloadinggasfix.mp4

@danjm danjm requested a review from a team as a code owner August 16, 2021 20:32
@danjm danjm requested a review from ryanml August 16, 2021 20:32
@github-actions
Copy link
Contributor

CLA Signature Action: All authors have signed the CLA. You may need to manually re-run the blocking PR check if it doesn't pass in a few minutes.

/>
<div className="confirm-page-container-content__currency-container">
{process.env.IN_TEST === 'true' ? null : (
<LoadingHeartBeat ttt />
Copy link
Contributor

Choose a reason for hiding this comment

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

Is this a typo?

key="editGasSubTextFeeValue"
className="confirm-page-container-content__currency-container"
>
{process.env.IN_TEST === 'true' ? null : <LoadingHeartBeat />}
Copy link
Contributor

Choose a reason for hiding this comment

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

nit: Only if you need to push again, could we maybe capture this in a method? (maybeRenderHeartBeat)

Copy link
Contributor Author

Choose a reason for hiding this comment

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

done in 3592881

darkwing
darkwing previously approved these changes Aug 16, 2021
@metamaskbot
Copy link
Collaborator

Builds ready [3592881]
Page Load Metrics (644 ± 14 ms)
PlatformPageMetricMin (ms)Max (ms)Average (ms)StandardDeviation (ms)MarginOfError (ms)
ChromeHomefirstPaint53836695
domContentLoaded5647046423014
load5667056443014
domInteractive5647046423014

@ryanml ryanml requested a review from darkwing August 16, 2021 21:54
@danjm danjm merged commit ae247ea into develop Aug 16, 2021
@danjm danjm deleted the fix-flashing-behaviour branch August 16, 2021 22:48
@github-actions github-actions bot locked and limited conversation to collaborators Aug 16, 2021
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants