m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

remove account modal updated

Browse Source
This commit is contained in:
brunobar79 2018-07-12 18:19:33 -04:00
parent 4b528405ea
commit 5710e648bd
3 changed files with 57 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
package.json
View File

@ -102,7 +102,7 @@
"eth-query": "^2.1.2", "eth-query": "^2.1.2",
"eth-sig-util": "^1.4.2", "eth-sig-util": "^1.4.2",
"eth-token-tracker": "^1.1.4", "eth-token-tracker": "^1.1.4",
"eth-trezor-keyring": "github:MetaMask/eth-trezor-keyring#remove-and-forget", "eth-trezor-keyring": "^0.1.0",
"ethereumjs-abi": "^0.6.4", "ethereumjs-abi": "^0.6.4",
"ethereumjs-tx": "^1.3.0", "ethereumjs-tx": "^1.3.0",
"ethereumjs-util": "github:ethereumjs/ethereumjs-util#ac5d0908536b447083ea422b435da27f26615de9", "ethereumjs-util": "github:ethereumjs/ethereumjs-util#ac5d0908536b447083ea422b435da27f26615de9",
@ -234,7 +234,7 @@
"eslint-plugin-mocha": "^5.0.0", "eslint-plugin-mocha": "^5.0.0",
"eslint-plugin-react": "^7.4.0", "eslint-plugin-react": "^7.4.0",
"eth-json-rpc-middleware": "^1.6.0", "eth-json-rpc-middleware": "^1.6.0",
"eth-keyring-controller": "github:brunobar79/KeyringController#remove-account", "eth-keyring-controller": "^3.3.0",
"file-loader": "^1.1.11", "file-loader": "^1.1.11",
"fs-promise": "^2.0.3", "fs-promise": "^2.0.3",
"ganache-cli": "^6.1.0", "ganache-cli": "^6.1.0",

19
ui/app/components/modals/confirm-remove-account/confirm-remove-account.component.js
View File

@ -25,25 +25,24 @@ class ConfirmRemoveAccount extends Component {
renderSelectedAccount () { renderSelectedAccount () {
const { identity } = this.props const { identity } = this.props
return ( return (
<div className="modal-container__address"> <div className="modal-container__account">
<div className="account_identicon"> <div className="modal-container__account__identicon">
<Identicon <Identicon
address={identity.address} address={identity.address}
diameter={32} diameter={32}
style={{'marginLeft': '10px'}}
/> />
</div> </div>
<div className="account_name"> <div className="modal-container__account__name">
<span className="account_label">Name</span> <span className="modal-container__account__label">Name</span>
<span className="account_value">{identity.name}</span> <span className="account_value">{identity.name}</span>
</div> </div>
<div className="account_address"> <div className="modal-container__account__address">
<span className="account_label">Public Address</span> <span className="modal-container__account__label">Public Address</span>
<span className="account_value">{ addressSummary(identity.address) }</span> <span className="account_value">{ addressSummary(identity.address, 4, 4) }</span>
</div> </div>
<div className="account_link"> <div className="modal-container__account__link">
<a <a
className="hw-account-list__item__link" className=""
href={genAccountLink(identity.address, this.props.network)} href={genAccountLink(identity.address, this.props.network)}
target={'_blank'} target={'_blank'}
title={this.context.t('etherscanView')} title={this.context.t('etherscanView')}

49
ui/app/components/modals/index.scss
View File

@ -20,11 +20,52 @@
font-size: .875rem; font-size: .875rem;
} }
&__address { &__account {
text-align: center; border: 1px solid #b7b7b7;
font-size: 1rem; border-radius: 4px;
margin-top: 20px; padding: 10px;
display: flex;
margin-top: 10px;
margin-bottom: 20px; margin-bottom: 20px;
width: 100%;
&__identicon {
margin-right: 10px;
}
&__name,
&__address {
margin-right: 10px;
font-size: 14px;
}
&__name {
width: 100px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
&__label {
font-size: 11px;
display: block;
color: #9b9b9b;
}
&__link {
margin-top: 16px;
img {
width: 15px;
height: 15px;
}
}
@media screen and (max-width: 575px) {
&__name {
width: 90px;
}
}
} }
&__link { &__link {