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