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-sig-util": "^1.4.2",
"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-tx": "^1.3.0",
"ethereumjs-util": "github:ethereumjs/ethereumjs-util#ac5d0908536b447083ea422b435da27f26615de9",
@ -234,7 +234,7 @@
"eslint-plugin-mocha": "^5.0.0",
"eslint-plugin-react": "^7.4.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",
"fs-promise": "^2.0.3",
"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 () {
const { identity } = this.props
return (
<div className="modal-container__address">
<div className="account_identicon">
<div className="modal-container__account">
<div className="modal-container__account__identicon">
<Identicon
address={identity.address}
diameter={32}
style={{'marginLeft': '10px'}}
/>
</div>
<div className="account_name">
<span className="account_label">Name</span>
<div className="modal-container__account__name">
<span className="modal-container__account__label">Name</span>
<span className="account_value">{identity.name}</span>
</div>
<div className="account_address">
<span className="account_label">Public Address</span>
<span className="account_value">{ addressSummary(identity.address) }</span>
<div className="modal-container__account__address">
<span className="modal-container__account__label">Public Address</span>
<span className="account_value">{ addressSummary(identity.address, 4, 4) }</span>
</div>
<div className="account_link">
<div className="modal-container__account__link">
<a
className="hw-account-list__item__link"
className=""
href={genAccountLink(identity.address, this.props.network)}
target={'_blank'}
title={this.context.t('etherscanView')}

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

@ -19,12 +19,53 @@
text-align: center;
font-size: .875rem;
}
&__address {
text-align: center;
font-size: 1rem;
margin-top: 20px;
&__account {
border: 1px solid #b7b7b7;
border-radius: 4px;
padding: 10px;
display: flex;
margin-top: 10px;
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 {