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

Hook up edit account name modal

Browse Source
This commit is contained in:
sdtsui 2017-08-20 19:39:37 -07:00
parent beedd5b11e
commit 18ea874a80
1 changed files with 42 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
ui/app/components/dropdowns/components/account-dropdowns.js
View File

@ -24,7 +24,7 @@ class AccountDropdowns extends Component {
}
renderAccounts () {
const { identities, selected, menuItemStyles, dropdownWrapperStyle } = this.props
const { identities, selected, menuItemStyles, dropdownWrapperStyle, actions } = this.props
return Object.keys(identities).map((key, index) => {
const identity = identities[key]
@ -46,29 +46,47 @@ class AccountDropdowns extends Component {
),
},
[
// MOVE CHECKMARK UP
h(
Identicon,
{
address: identity.address,
diameter: 32,
h('div.flex-row', {}, [
h('span', {
style: {
marginLeft: '10px',
flex: '1 1 auto',
}
}, isSelected ? h('.check', '✓') : null),
h(
Identicon,
{
address: identity.address,
diameter: 32,
style: {
flex: '1 1 auto',
},
},
},
),
h('span', {
style: {
marginLeft: '20px',
fontSize: '24px',
maxWidth: '145px',
whiteSpace: 'nowrap',
overflow: 'hidden',
textOverflow: 'ellipsis',
},
}, identity.name || ''),
h('span', { style: { marginLeft: '20px', fontSize: '24px' } }, isSelected ? h('.check', '✓') : null),
// EDIT
),
h('span', {
style: {
flex: '5 5 auto',
fontSize: '24px',
maxWidth: '145px',
whiteSpace: 'nowrap',
overflow: 'hidden',
textOverflow: 'ellipsis',
},
}, identity.name || ''),
h('span', {
style: {
flex: '2 2 auto',
fontSize: '18px',
},
onClick: () => {
actions.showNewAccountModal()
}
}, 'Edit'),
])
]
)
})
@ -90,9 +108,7 @@ class AccountDropdowns extends Component {
maxHeight: '300px',
width: '300px',
},
innerStyle: {
padding: '8px 25px',
},
innerStyle: {},
isOpen: accountSelectorActive,
onClickOutside: (event) => {
const { classList } = event.target
@ -343,7 +359,7 @@ const mapDispatchToProps = (dispatch) => {
dispatch(actions.showModal({ name: 'ACCOUNT_DETAILS' }))
},
showNewAccountModal: () => {
dispatch(actions.showModal({ name: 'NEW_ACCOUNT' }))
dispatch(actions.showModal({ name: 'EDIT_ACCOUNT_NAME' }))
},
addNewAccount: () => dispatch(actions.addNewAccount()),
showImportPage: () => dispatch(actions.showImportPage()),