mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-10-23 11:46:13 +02:00
Extract dropdown component into components/dropdowns, hook up to app
This commit is contained in:
parent
b900da885e
commit
88665ba150
28
ui/app/components/dropdowns/account-options-dropdown.js
Normal file
28
ui/app/components/dropdowns/account-options-dropdown.js
Normal file
@ -0,0 +1,28 @@
|
|||||||
|
const Component = require('react').Component
|
||||||
|
const h = require('react-hyperscript')
|
||||||
|
const inherits = require('util').inherits
|
||||||
|
const AccountDropdowns = require('./components/account-dropdowns')
|
||||||
|
|
||||||
|
inherits(AccountOptionsDropdown, Component)
|
||||||
|
function AccountOptionsDropdown () {
|
||||||
|
Component.call(this)
|
||||||
|
}
|
||||||
|
|
||||||
|
module.exports = AccountOptionsDropdown
|
||||||
|
|
||||||
|
// TODO: specify default props and proptypes
|
||||||
|
// TODO: hook up to state, connect to redux to clean up API
|
||||||
|
AccountOptionsDropdown.prototype.render = function () {
|
||||||
|
const { selected, network, identities, style, dropdownWrapperStyle, menuItemStyles } = this.props
|
||||||
|
|
||||||
|
return h(AccountDropdowns, {
|
||||||
|
enableAccountOptions: true,
|
||||||
|
enableAccountsSelector: false,
|
||||||
|
selected: selectedAddress,
|
||||||
|
network,
|
||||||
|
identities,
|
||||||
|
style: !!style ? style : {},
|
||||||
|
dropdownWrapperStyle: !!dropdownWrapperStyle ? dropdownWrapperStyle : {},
|
||||||
|
menuItemStyles: !!menuItemStyles ? menuItemStyles : {},
|
||||||
|
}, [])
|
||||||
|
}
|
28
ui/app/components/dropdowns/account-selection-dropdown.js
Normal file
28
ui/app/components/dropdowns/account-selection-dropdown.js
Normal file
@ -0,0 +1,28 @@
|
|||||||
|
const Component = require('react').Component
|
||||||
|
const h = require('react-hyperscript')
|
||||||
|
const inherits = require('util').inherits
|
||||||
|
const AccountDropdowns = require('./components/account-dropdowns')
|
||||||
|
|
||||||
|
inherits(AccountSelectionDropdown, Component)
|
||||||
|
function AccountSelectionDropdown () {
|
||||||
|
Component.call(this)
|
||||||
|
}
|
||||||
|
|
||||||
|
module.exports = AccountSelectionDropdown
|
||||||
|
|
||||||
|
// TODO: specify default props and proptypes
|
||||||
|
// TODO: hook up to state, connect to redux to clean up API
|
||||||
|
AccountSelectionDropdown.prototype.render = function () {
|
||||||
|
const { selected, network, identities, style, dropdownWrapperStyle, menuItemStyles } = this.props
|
||||||
|
|
||||||
|
return h(AccountDropdowns, {
|
||||||
|
enableAccountOptions: false,
|
||||||
|
enableAccountsSelector: true,
|
||||||
|
selected: selectedAddress,
|
||||||
|
network,
|
||||||
|
identities,
|
||||||
|
style: !!style ? style : {},
|
||||||
|
dropdownWrapperStyle: !!dropdownWrapperStyle ? dropdownWrapperStyle : {},
|
||||||
|
menuItemStyles: !!menuItemStyles ? menuItemStyles : {},
|
||||||
|
}, [])
|
||||||
|
}
|
@ -1,12 +1,12 @@
|
|||||||
const Component = require('react').Component
|
const Component = require('react').Component
|
||||||
const PropTypes = require('react').PropTypes
|
const PropTypes = require('react').PropTypes
|
||||||
const h = require('react-hyperscript')
|
const h = require('react-hyperscript')
|
||||||
const actions = require('../actions')
|
const actions = require('../../../actions')
|
||||||
const genAccountLink = require('../../lib/account-link.js')
|
const genAccountLink = require('../../../../lib/account-link.js')
|
||||||
const connect = require('react-redux').connect
|
const connect = require('react-redux').connect
|
||||||
const Dropdown = require('./dropdown').Dropdown
|
const Dropdown = require('./dropdown').Dropdown
|
||||||
const DropdownMenuItem = require('./dropdown').DropdownMenuItem
|
const DropdownMenuItem = require('./dropdown').DropdownMenuItem
|
||||||
const Identicon = require('./identicon')
|
const Identicon = require('../../identicon')
|
||||||
const ethUtil = require('ethereumjs-util')
|
const ethUtil = require('ethereumjs-util')
|
||||||
const copyToClipboard = require('copy-to-clipboard')
|
const copyToClipboard = require('copy-to-clipboard')
|
||||||
|
|
||||||
@ -314,6 +314,5 @@ const mapDispatchToProps = (dispatch) => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
module.exports = {
|
module.exports = connect(null, mapDispatchToProps)(AccountDropdowns)
|
||||||
AccountDropdowns: connect(null, mapDispatchToProps)(AccountDropdowns),
|
|
||||||
}
|
|
@ -1,7 +1,7 @@
|
|||||||
const Component = require('react').Component
|
const Component = require('react').Component
|
||||||
const PropTypes = require('react').PropTypes
|
const PropTypes = require('react').PropTypes
|
||||||
const h = require('react-hyperscript')
|
const h = require('react-hyperscript')
|
||||||
const MenuDroppo = require('./menu-droppo')
|
const MenuDroppo = require('../../menu-droppo')
|
||||||
const extend = require('xtend')
|
const extend = require('xtend')
|
||||||
|
|
||||||
const noop = () => {}
|
const noop = () => {}
|
@ -1,16 +1,18 @@
|
|||||||
// Reusable Dropdown Components
|
// Reusable Dropdown Components
|
||||||
// const Dropdown = require('./dropdown') //TODO: Refactor into separate components
|
//TODO: Refactor into separate components
|
||||||
// const AccountDropdowns = require('./account-dropdowns')
|
const Dropdown = require('./components/dropdown').Dropdown
|
||||||
|
const DropdownMenuItem = require('./components/dropdown').DropdownMenuItem
|
||||||
|
const AccountDropdowns = require('./components/account-dropdowns')
|
||||||
|
|
||||||
// App-Specific Instances
|
// App-Specific Instances
|
||||||
// const AccountSelectionDropdown = require('./account-selection-dropdown')
|
const AccountSelectionDropdown = require('./account-selection-dropdown')
|
||||||
// const AccountOptionsDropdown = require('./account-options-dropdown')
|
const AccountOptionsDropdown = require('./account-options-dropdown')
|
||||||
const NetworkDropdown = require('./network-dropdown').default
|
const NetworkDropdown = require('./network-dropdown').default
|
||||||
|
|
||||||
module.exports = {
|
module.exports = {
|
||||||
// AccountSelectionDropdown,
|
AccountSelectionDropdown,
|
||||||
// AccountOptionsDropdown,
|
AccountOptionsDropdown,
|
||||||
NetworkDropdown,
|
NetworkDropdown,
|
||||||
// Dropdown,
|
Dropdown,
|
||||||
// AccountDropdowns,
|
AccountDropdowns,
|
||||||
}
|
}
|
@ -3,7 +3,7 @@ const connect = require('react-redux').connect
|
|||||||
const h = require('react-hyperscript')
|
const h = require('react-hyperscript')
|
||||||
const inherits = require('util').inherits
|
const inherits = require('util').inherits
|
||||||
const Identicon = require('./identicon')
|
const Identicon = require('./identicon')
|
||||||
const AccountDropdowns = require('./account-dropdowns').AccountDropdowns
|
const AccountDropdowns = require('./dropdowns/index.js').AccountDropdowns
|
||||||
const Content = require('./wallet-content-display')
|
const Content = require('./wallet-content-display')
|
||||||
const actions = require('../actions')
|
const actions = require('../actions')
|
||||||
const BalanceComponent = require('./balance-component')
|
const BalanceComponent = require('./balance-component')
|
||||||
|
Loading…
Reference in New Issue
Block a user