Skip to content

Conversation

@danjm
Copy link
Contributor

@danjm danjm commented Apr 30, 2021

Makes some tweaks to the Whats New popup UI. Based on feedback from Thomas and a convo with Rachel:

Peek.2021-04-30.17-11.mp4

@danjm danjm requested a review from a team as a code owner April 30, 2021 19:42
@danjm danjm requested a review from NiranjanaBinoy April 30, 2021 19:42
@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.

Copy link
Contributor

@ryanml ryanml left a comment

Choose a reason for hiding this comment

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

left one comment, else lgtm!

width={image.width}
/>
)}
{image && !image.placeBelowDescription && imageComponent}
Copy link
Contributor

@ryanml ryanml Apr 30, 2021

Choose a reason for hiding this comment

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

The leading check for image shouldn't be necessary given that it's already checked for when imageComponent is declared: https://github.com/MetaMask/metamask-extension/pull/10964/files#diff-8a1b237ca446aed86e9d755decb615e0f1b7b3034bf4920781bc494a81aff657R35

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Addressed in f1579b9

@metamaskbot
Copy link
Collaborator

Builds ready [f1579b9]
Page Load Metrics (677 ± 47 ms)
PlatformPageMetricMin (ms)Max (ms)Average (ms)StandardDeviation (ms)MarginOfError (ms)
ChromeHomefirstPaint509466105
domContentLoaded4428466759847
load4448476779847
domInteractive4428456759847

ryanml
ryanml previously approved these changes May 2, 2021
rachelcope
rachelcope previously approved these changes May 3, 2021
Copy link

@rachelcope rachelcope left a comment

Choose a reason for hiding this comment

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

Looks good to me!

@rachelcope
Copy link

Small thing I noticed. The other modals have 16px padding. Looks like this is 24px padding. I think it would be worth updating to 16px to give the content in the modal a little more room

image

@danjm danjm dismissed stale reviews from rachelcope and ryanml via ac750c4 May 3, 2021 17:11
@danjm
Copy link
Contributor Author

danjm commented May 3, 2021

Addressed design feedback:
Screenshot from 2021-05-03 14-40-03

@rachelcope
Copy link

This looks good to me!

</div>
<div className="whats-new-popup__notification-date">{date}</div>
</div>
{imageComponent && placeImageBelowDescription ? imageComponent : null}
Copy link
Contributor

Choose a reason for hiding this comment

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

Could this be refactored to {placeImageBelowDescription && imageComponent}?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

yes, thanks, refactored and pushed 7c8fe41

width={image.width}
/>
)}
{!placeImageBelowDescription && imageComponent ? imageComponent : null}
Copy link
Contributor

Choose a reason for hiding this comment

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

Could this be refactored to {!placeImageBelowDescription && imageComponent}?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

yes, thanks, refactored and pushed 7c8fe41

@metamaskbot
Copy link
Collaborator

Builds ready [7c8fe41]
Page Load Metrics (646 ± 57 ms)
PlatformPageMetricMin (ms)Max (ms)Average (ms)StandardDeviation (ms)MarginOfError (ms)
ChromeHomefirstPaint458365105
domContentLoaded39691064411857
load39891164611857
domInteractive39691064411857

@danjm danjm merged commit a082a2c into develop May 3, 2021
@danjm danjm deleted the whats-new-popup-design-fixes branch May 3, 2021 17:39
@github-actions github-actions bot locked and limited conversation to collaborators May 3, 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.

5 participants