-
Notifications
You must be signed in to change notification settings - Fork 5k
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 old UI component to suggest new UI #4888
Conversation
@whymarrh Here are some e2e test fixes: https://github.com/MetaMask/metamask-extension/tree/suggest-new-ui-e2e-fixes (I couldn't make PR against this branch because it is from your fork) |
a556ebb
to
7eb4535
Compare
Approved. +5 points for the commit messages towards the end. +50 points for describing the futility of one of the commits in the commit message. |
old-ui/app/account-qr.js
Outdated
|
||
renderMultiMessage = () => { | ||
const {Qr} = this.props | ||
return Qr.message.map((message) => h('.qr-message', message)) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Does this need a key
prop?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This lead me to discover that this isn't ever hit in the old UI as showQrView
is only ever dispatched with the identity
from state.
$ git grep showQrView
old-ui/app/components/account-dropdowns.js:205: actions.showQrView(selected, identity ? identity.name : '')
old-ui/app/components/account-dropdowns.js:314: showQrView: (selected, identity) => dispatch(actions.showQrView(selected, identity)),
So I'll remove this branch.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
But yes, it should've had a key
prop for consistency sake
The old QR screen was absolutely positioning everything which broke when the app bar resized for the new UI announcement. This change, while futile*, makes the QR screen less bad. * futile because the old UI is being deprecated
…lection screen addition).
When a user has opted-in to the new UI from the announcement, we don't need an additional notification letting the user know that they've switched.
Resolves #4811
Resolves #4896
This PR adds components to the old UI to suggest users try the new UI. There are two new components here, as per @cjeria's design in #4811:
(The commits in this PR add the components in some order, feel free to read commit-by-commit.)
Screenshots of the new flow
I rewrote the old UI's QR screen to not use absolute positioning, it looks the same
I also removed the "in development" banner from atop the on-boarding flow of the new UI.
Remaining tasks:
Move strings out for translations?The old UI isn't localized