Skip to content
This repository has been archived by the owner on Nov 6, 2020. It is now read-only.

Convert all remaining Modals to use Portal (UI consistency) #4625

Merged
merged 27 commits into from
Feb 22, 2017

Conversation

jacogr
Copy link
Contributor

@jacogr jacogr commented Feb 21, 2017

(Also closes https://github.com/ethcore/parity/issues/4620, supercedes https://github.com/ethcore/parity/issues/4620)

TODO:

  • Now that we have space to move around with, enhance the UX of these dialogs (icons, extended descriptions)
  • Dialogs (now that they are all visible here), are somewhat inconsistent n terms of layout and styling
  • (Above only to be tackled once functional 1.6 PRs are done, annoying, but non-critical)

FirstRun -

parity 2017-02-21 13-30-43

CreateAccount -

parity 2017-02-21 13-53-50

CreateWallet -

parity 2017-02-21 14-22-51

Transfer -

parity 2017-02-21 14-53-25

ShapeShift -

parity 2017-02-21 16-10-33

Verification -

parity 2017-02-21 16-34-26

EditMeta -

parity 2017-02-21 17-06-37

PasswordManager -

parity 2017-02-21 17-20-10

WalletSettings -

parity 2017-02-21 17-37-44

AddAddress -

parity 2017-02-21 17-44-59

AddContract -

parity 2017-02-21 20-17-46

DeployContract -

parity 2017-02-21 20-22-23

ExecuteContract -

parity 2017-02-21 20-27-30

LoadContract -

parity 2017-02-21 20-31-28

SaveContract -

parity 2017-02-21 20-35-00

UpgradeParity -

parity 2017-02-21 22-03-38
parity 2017-02-21 22-03-54
parity 2017-02-21 22-04-57

@jacogr jacogr added A3-inprogress ⏳ Pull request is in progress. No review needed at this stage. M7-ui labels Feb 21, 2017
@jacogr jacogr added A0-pleasereview 🤓 Pull request needs code review. and removed A3-inprogress ⏳ Pull request is in progress. No review needed at this stage. labels Feb 21, 2017
onClick={ onClose }
/>
);

if (error) {
return (<div>{ cancel }</div>);
return (
Copy link
Contributor

Choose a reason for hiding this comment

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

While we're about to change it, this could be return cancel; afaik.

onClose={ this.onCloseModal }
open
steps={
hasSteps
Copy link
Contributor

Choose a reason for hiding this comment

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

Would like to have this moved out. It's a little too hard to read.

@@ -156,9 +153,13 @@ export default class Portal extends Component {
handleClose = () => {
const { hideClose, onClose } = this.props;

console.log('handleClose');
Copy link
Contributor

Choose a reason for hiding this comment

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

Most likely this has stayed here by accident.

Would not like to make the console more noisy. Either use a solution like import 'debug' or remove it.

@@ -38,6 +38,8 @@ muiTheme.textField.hintColor = 'rgba(255, 255, 255, 0.5)';
muiTheme.textField.disabledTextColor = muiTheme.textField.textColor;
muiTheme.toolbar = lightTheme.toolbar;
muiTheme.toolbar.backgroundColor = 'transparent';
muiTheme.zIndex.layer = 4000;
muiTheme.zIndex.popovr = 4100;
Copy link
Contributor

Choose a reason for hiding this comment

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

popover. As it seemed to work before, you might be able to remove it.

}

onNewWalletClose = () => {
this.onNewWalletClick();
this.setState({
newWalletDialog: false
Copy link
Contributor

Choose a reason for hiding this comment

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

👍

@derhuerst
Copy link
Contributor

LGTM! only a few cleanups left over.

@@ -41,7 +41,7 @@ function create () {
store = new Store(api);
}

describe.only('modals/DappPermissions/store', () => {
describe('modals/DappPermissions/store', () => {
Copy link
Contributor

Choose a reason for hiding this comment

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

👌

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Don't even ask, sloppy.

@derhuerst
Copy link
Contributor

The layout could be nicer in some of the screens, but there are far more important issues to be tackled.

@derhuerst derhuerst added A8-looksgood 🦄 Pull request is reviewed well. and removed A0-pleasereview 🤓 Pull request needs code review. labels Feb 22, 2017
@jacogr jacogr merged commit 6938a7a into master Feb 22, 2017
@jacogr jacogr deleted the jg-portal-modals branch February 22, 2017 14:27
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
A8-looksgood 🦄 Pull request is reviewed well.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants