mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-10-23 11:46:13 +02:00
742 lines
22 KiB
JavaScript
742 lines
22 KiB
JavaScript
const { Component } = require('react')
|
|
const PropTypes = require('prop-types')
|
|
const connect = require('react-redux').connect
|
|
const { Route, Switch, Redirect, withRouter } = require('react-router-dom')
|
|
const { compose } = require('recompose')
|
|
const h = require('react-hyperscript')
|
|
const actions = require('./actions')
|
|
const classnames = require('classnames')
|
|
|
|
// init
|
|
const InitializeScreen = require('../../mascara/src/app/first-time').default
|
|
const WelcomeScreen = require('./welcome-screen').default
|
|
const NewKeyChainScreen = require('./new-keychain')
|
|
// mascara
|
|
const MascaraCreatePassword = require('../../mascara/src/app/first-time/create-password-screen').default
|
|
const MascaraBuyEtherScreen = require('../../mascara/src/app/first-time/buy-ether-screen').default
|
|
const MascaraNoticeScreen = require('../../mascara/src/app/first-time/notice-screen').default
|
|
const MascaraSeedScreen = require('../../mascara/src/app/first-time/seed-screen').default
|
|
const MascaraConfirmSeedScreen = require('../../mascara/src/app/first-time/confirm-seed-screen').default
|
|
|
|
// accounts
|
|
const MainContainer = require('./main-container')
|
|
const SendTransactionScreen2 = require('./components/send/send-v2-container')
|
|
const ConfirmTxScreen = require('./conf-tx')
|
|
|
|
// slideout menu
|
|
const WalletView = require('./components/wallet-view')
|
|
|
|
// other views
|
|
const Home = require('./components/pages/home')
|
|
const Authenticated = require('./components/pages/authenticated')
|
|
const Initialized = require('./components/pages/initialized')
|
|
const Settings = require('./components/pages/settings')
|
|
const UnlockPage = require('./components/pages/unlock')
|
|
const RestoreVaultPage = require('./components/pages/keychains/restore-vault')
|
|
const RevealSeedPage = require('./components/pages/keychains/reveal-seed')
|
|
const AddTokenPage = require('./components/pages/add-token')
|
|
const CreateAccountPage = require('./components/pages/create-account')
|
|
const NoticeScreen = require('./components/pages/notice')
|
|
|
|
const Loading = require('./components/loading')
|
|
const NetworkIndicator = require('./components/network')
|
|
const Identicon = require('./components/identicon')
|
|
const BuyView = require('./components/buy-button-subview')
|
|
const ReactCSSTransitionGroup = require('react-addons-css-transition-group')
|
|
const NetworkDropdown = require('./components/dropdowns/network-dropdown')
|
|
const AccountMenu = require('./components/account-menu')
|
|
const QrView = require('./components/qr-code')
|
|
|
|
// Global Modals
|
|
const Modal = require('./components/modals/index').Modal
|
|
|
|
// Routes
|
|
const {
|
|
DEFAULT_ROUTE,
|
|
UNLOCK_ROUTE,
|
|
SETTINGS_ROUTE,
|
|
REVEAL_SEED_ROUTE,
|
|
CONFIRM_SEED_ROUTE,
|
|
RESTORE_VAULT_ROUTE,
|
|
ADD_TOKEN_ROUTE,
|
|
NEW_ACCOUNT_ROUTE,
|
|
SEND_ROUTE,
|
|
CONFIRM_TRANSACTION_ROUTE,
|
|
INITIALIZE_ROUTE,
|
|
NOTICE_ROUTE,
|
|
SIGNATURE_REQUEST_ROUTE,
|
|
WELCOME_ROUTE,
|
|
} = require('./routes')
|
|
|
|
class App extends Component {
|
|
// constructor (props) {
|
|
// super(props)
|
|
|
|
// this.renderPrimary = this.renderPrimary.bind(this)
|
|
// }
|
|
|
|
componentWillMount () {
|
|
const { currentCurrency, setCurrentCurrencyToUSD } = this.props
|
|
|
|
if (!currentCurrency) {
|
|
setCurrentCurrencyToUSD()
|
|
}
|
|
}
|
|
|
|
renderRoutes () {
|
|
const exact = true
|
|
|
|
return (
|
|
h(Switch, [
|
|
h(Route, {
|
|
path: WELCOME_ROUTE,
|
|
exact,
|
|
component: WelcomeScreen,
|
|
}),
|
|
h(Route, {
|
|
path: INITIALIZE_ROUTE,
|
|
component: InitializeScreen,
|
|
}),
|
|
h(Initialized, {
|
|
path: REVEAL_SEED_ROUTE,
|
|
exact,
|
|
component: RevealSeedPage,
|
|
mascaraComponent: MascaraSeedScreen,
|
|
}),
|
|
h(Initialized, {
|
|
path: CONFIRM_SEED_ROUTE,
|
|
exact,
|
|
mascaraComponent: MascaraConfirmSeedScreen,
|
|
}),
|
|
h(Initialized, { path: UNLOCK_ROUTE, exact, component: UnlockPage }),
|
|
h(Initialized, { path: SETTINGS_ROUTE, component: Settings }),
|
|
h(Initialized, { path: RESTORE_VAULT_ROUTE, exact, component: RestoreVaultPage }),
|
|
h(Initialized, {
|
|
path: NOTICE_ROUTE,
|
|
exact,
|
|
component: MascaraNoticeScreen,
|
|
}),
|
|
h(Authenticated, { path: CONFIRM_TRANSACTION_ROUTE, component: ConfirmTxScreen }),
|
|
h(Authenticated, { path: SEND_ROUTE, exact, component: SendTransactionScreen2 }),
|
|
h(Authenticated, { path: ADD_TOKEN_ROUTE, exact, component: AddTokenPage }),
|
|
h(Authenticated, { path: NEW_ACCOUNT_ROUTE, component: CreateAccountPage }),
|
|
h(Authenticated, { path: DEFAULT_ROUTE, exact, component: Home }),
|
|
])
|
|
)
|
|
}
|
|
|
|
render () {
|
|
const {
|
|
isLoading,
|
|
loadingMessage,
|
|
network,
|
|
isMouseUser,
|
|
provider,
|
|
frequentRpcList,
|
|
currentView,
|
|
setMouseUserState,
|
|
} = this.props
|
|
const isLoadingNetwork = network === 'loading' && currentView.name !== 'config'
|
|
const loadMessage = loadingMessage || isLoadingNetwork ?
|
|
this.getConnectingLabel() : null
|
|
log.debug('Main ui render function')
|
|
|
|
return (
|
|
h('.flex-column.full-height', {
|
|
className: classnames({ 'mouse-user-styles': isMouseUser }),
|
|
style: {
|
|
overflowX: 'hidden',
|
|
position: 'relative',
|
|
alignItems: 'center',
|
|
},
|
|
tabIndex: '0',
|
|
onClick: () => setMouseUserState(true),
|
|
onKeyDown: (e) => {
|
|
if (e.keyCode === 9) {
|
|
setMouseUserState(false)
|
|
}
|
|
},
|
|
}, [
|
|
|
|
// global modal
|
|
h(Modal, {}, []),
|
|
|
|
// app bar
|
|
this.renderAppBar(),
|
|
|
|
// sidebar
|
|
this.renderSidebar(),
|
|
|
|
// network dropdown
|
|
h(NetworkDropdown, {
|
|
provider,
|
|
frequentRpcList,
|
|
}, []),
|
|
|
|
h(AccountMenu),
|
|
|
|
(isLoading || isLoadingNetwork) && h(Loading, {
|
|
loadingMessage: loadMessage,
|
|
}),
|
|
|
|
// this.renderLoadingIndicator({ isLoading, isLoadingNetwork, loadMessage }),
|
|
|
|
// content
|
|
this.renderRoutes(),
|
|
])
|
|
)
|
|
}
|
|
|
|
renderGlobalModal () {
|
|
return h(Modal, {
|
|
ref: 'modalRef',
|
|
}, [
|
|
// h(BuyOptions, {}, []),
|
|
])
|
|
}
|
|
|
|
renderSidebar () {
|
|
return h('div', [
|
|
h('style', `
|
|
.sidebar-enter {
|
|
transition: transform 300ms ease-in-out;
|
|
transform: translateX(-100%);
|
|
}
|
|
.sidebar-enter.sidebar-enter-active {
|
|
transition: transform 300ms ease-in-out;
|
|
transform: translateX(0%);
|
|
}
|
|
.sidebar-leave {
|
|
transition: transform 200ms ease-out;
|
|
transform: translateX(0%);
|
|
}
|
|
.sidebar-leave.sidebar-leave-active {
|
|
transition: transform 200ms ease-out;
|
|
transform: translateX(-100%);
|
|
}
|
|
`),
|
|
|
|
h(ReactCSSTransitionGroup, {
|
|
transitionName: 'sidebar',
|
|
transitionEnterTimeout: 300,
|
|
transitionLeaveTimeout: 200,
|
|
}, [
|
|
// A second instance of Walletview is used for non-mobile viewports
|
|
this.props.sidebarOpen ? h(WalletView, {
|
|
responsiveDisplayClassname: '.sidebar',
|
|
style: {},
|
|
}) : undefined,
|
|
|
|
]),
|
|
|
|
// overlay
|
|
// TODO: add onClick for overlay to close sidebar
|
|
this.props.sidebarOpen ? h('div.sidebar-overlay', {
|
|
style: {},
|
|
onClick: () => {
|
|
this.props.hideSidebar()
|
|
},
|
|
}, []) : undefined,
|
|
])
|
|
}
|
|
|
|
renderAppBar () {
|
|
const {
|
|
isUnlocked,
|
|
network,
|
|
provider,
|
|
networkDropdownOpen,
|
|
showNetworkDropdown,
|
|
hideNetworkDropdown,
|
|
currentView,
|
|
isInitialized,
|
|
welcomeScreenSeen,
|
|
isPopup,
|
|
betaUI,
|
|
} = this.props
|
|
|
|
if (window.METAMASK_UI_TYPE === 'notification') {
|
|
return null
|
|
}
|
|
|
|
const props = this.props
|
|
const {isMascara, isOnboarding} = props
|
|
|
|
// Do not render header if user is in mascara onboarding
|
|
if (isMascara && isOnboarding) {
|
|
return null
|
|
}
|
|
|
|
// Do not render header if user is in mascara buy ether
|
|
if (isMascara && props.currentView.name === 'buyEth') {
|
|
return null
|
|
}
|
|
|
|
return (
|
|
|
|
h('.full-width', {
|
|
style: {},
|
|
}, [
|
|
|
|
(isInitialized || welcomeScreenSeen || isPopup || !betaUI) && h('.app-header.flex-row.flex-space-between', {
|
|
className: classnames({
|
|
'app-header--initialized': !isOnboarding,
|
|
}),
|
|
}, [
|
|
h('div.app-header-contents', {}, [
|
|
h('div.left-menu-wrapper', {
|
|
onClick: () => props.history.push(DEFAULT_ROUTE),
|
|
}, [
|
|
// mini logo
|
|
h('img.metafox-icon', {
|
|
height: 42,
|
|
width: 42,
|
|
src: '/images/metamask-fox.svg',
|
|
}),
|
|
|
|
// metamask name
|
|
h('.flex-row', [
|
|
h('h1', this.context.t('appName')),
|
|
h('div.beta-label', this.context.t('beta')),
|
|
]),
|
|
|
|
]),
|
|
|
|
betaUI && isInitialized && h('div.header__right-actions', [
|
|
h('div.network-component-wrapper', {
|
|
style: {},
|
|
}, [
|
|
// Network Indicator
|
|
h(NetworkIndicator, {
|
|
network,
|
|
provider,
|
|
disabled: currentView.name === 'confTx',
|
|
onClick: (event) => {
|
|
event.preventDefault()
|
|
event.stopPropagation()
|
|
return networkDropdownOpen === false
|
|
? showNetworkDropdown()
|
|
: hideNetworkDropdown()
|
|
},
|
|
}),
|
|
|
|
]),
|
|
|
|
isUnlocked && h('div.account-menu__icon', { onClick: this.context.toggleAccountMenu }, [
|
|
h(Identicon, {
|
|
address: this.props.selectedAddress,
|
|
diameter: 32,
|
|
}),
|
|
]),
|
|
]),
|
|
]),
|
|
]),
|
|
|
|
!isInitialized && !isPopup && betaUI && h('.alpha-warning__container', {}, [
|
|
h('h2', {
|
|
className: classnames({
|
|
'alpha-warning': welcomeScreenSeen,
|
|
'alpha-warning-welcome-screen': !welcomeScreenSeen,
|
|
}),
|
|
}, 'Please be aware that this version is still under development'),
|
|
]),
|
|
|
|
])
|
|
)
|
|
}
|
|
|
|
renderLoadingIndicator ({ isLoading, isLoadingNetwork, loadMessage }) {
|
|
const { isMascara } = this.props
|
|
|
|
return isMascara
|
|
? null
|
|
: h(Loading, {
|
|
isLoading: isLoading || isLoadingNetwork,
|
|
loadingMessage: loadMessage,
|
|
})
|
|
}
|
|
|
|
// renderPrimary () {
|
|
// log.debug('rendering primary')
|
|
// const {
|
|
// noActiveNotices,
|
|
// lostAccounts,
|
|
// forgottenPassword,
|
|
// currentView,
|
|
// activeAddress,
|
|
// unapprovedTxs = {},
|
|
// seedWords,
|
|
// unapprovedMsgCount = 0,
|
|
// unapprovedPersonalMsgCount = 0,
|
|
// unapprovedTypedMessagesCount = 0,
|
|
// } = this.props
|
|
|
|
// // seed words
|
|
// if (seedWords) {
|
|
// log.debug('rendering seed words')
|
|
// return h(Redirect, {
|
|
// to: {
|
|
// pathname: REVEAL_SEED_ROUTE,
|
|
// },
|
|
// })
|
|
// }
|
|
|
|
// if (forgottenPassword) {
|
|
// log.debug('rendering restore vault screen')
|
|
// return h(Redirect, {
|
|
// to: {
|
|
// pathname: RESTORE_VAULT_ROUTE,
|
|
// },
|
|
// })
|
|
// }
|
|
|
|
// // notices
|
|
// if (!noActiveNotices || (lostAccounts && lostAccounts.length > 0)) {
|
|
// return h(Redirect, {
|
|
// to: {
|
|
// pathname: NOTICE_ROUTE,
|
|
// },
|
|
// })
|
|
// }
|
|
|
|
// // unapprovedTxs and unapproved messages
|
|
// if (Object.keys(unapprovedTxs).length ||
|
|
// unapprovedTypedMessagesCount + unapprovedMsgCount + unapprovedPersonalMsgCount > 0) {
|
|
// return h(Redirect, {
|
|
// to: {
|
|
// pathname: CONFIRM_TRANSACTION_ROUTE,
|
|
// },
|
|
// })
|
|
// }
|
|
|
|
// // if (!props.noActiveNotices) {
|
|
// // log.debug('rendering notice screen for unread notices.')
|
|
// // return h(NoticeScreen, {
|
|
// // notice: props.lastUnreadNotice,
|
|
// // key: 'NoticeScreen',
|
|
// // onConfirm: () => props.dispatch(actions.markNoticeRead(props.lastUnreadNotice)),
|
|
// // })
|
|
// // } else if (props.lostAccounts && props.lostAccounts.length > 0) {
|
|
// // log.debug('rendering notice screen for lost accounts view.')
|
|
// // return h(NoticeScreen, {
|
|
// // notice: generateLostAccountsNotice(props.lostAccounts),
|
|
// // key: 'LostAccountsNotice',
|
|
// // onConfirm: () => props.dispatch(actions.markAccountsFound()),
|
|
// // })
|
|
// // }
|
|
|
|
// // if (props.seedWords) {
|
|
// // log.debug('rendering seed words')
|
|
// // return h(HDCreateVaultComplete, {key: 'HDCreateVaultComplete'})
|
|
// // }
|
|
|
|
// // show initialize screen
|
|
// // if (!isInitialized || forgottenPassword) {
|
|
// // // show current view
|
|
// // log.debug('rendering an initialize screen')
|
|
// // // switch (props.currentView.name) {
|
|
|
|
// // // case 'restoreVault':
|
|
// // // log.debug('rendering restore vault screen')
|
|
// // // return h(HDRestoreVaultScreen, {key: 'HDRestoreVaultScreen'})
|
|
|
|
// // // default:
|
|
// // // log.debug('rendering menu screen')
|
|
// // // return h(InitializeScreen, {key: 'menuScreenInit'})
|
|
// // // }
|
|
// // }
|
|
|
|
// // // show unlock screen
|
|
// // if (!props.isUnlocked) {
|
|
// // return h(MainContainer, {
|
|
// // currentViewName: props.currentView.name,
|
|
// // isUnlocked: props.isUnlocked,
|
|
// // })
|
|
// // }
|
|
|
|
// // show current view
|
|
// switch (currentView.name) {
|
|
|
|
// case 'accountDetail':
|
|
// log.debug('rendering main container')
|
|
// return h(MainContainer, {key: 'account-detail'})
|
|
|
|
// // case 'sendTransaction':
|
|
// // log.debug('rendering send tx screen')
|
|
|
|
// // // Going to leave this here until we are ready to delete SendTransactionScreen v1
|
|
// // // const SendComponentToRender = checkFeatureToggle('send-v2')
|
|
// // // ? SendTransactionScreen2
|
|
// // // : SendTransactionScreen
|
|
|
|
// // return h(SendTransactionScreen2, {key: 'send-transaction'})
|
|
|
|
// // case 'sendToken':
|
|
// // log.debug('rendering send token screen')
|
|
|
|
// // // Going to leave this here until we are ready to delete SendTransactionScreen v1
|
|
// // // const SendTokenComponentToRender = checkFeatureToggle('send-v2')
|
|
// // // ? SendTransactionScreen2
|
|
// // // : SendTokenScreen
|
|
|
|
// // return h(SendTransactionScreen2, {key: 'sendToken'})
|
|
|
|
// case 'newKeychain':
|
|
// log.debug('rendering new keychain screen')
|
|
// return h(NewKeyChainScreen, {key: 'new-keychain'})
|
|
|
|
// // case 'confTx':
|
|
// // log.debug('rendering confirm tx screen')
|
|
// // return h(Redirect, {
|
|
// // to: {
|
|
// // pathname: CONFIRM_TRANSACTION_ROUTE,
|
|
// // },
|
|
// // })
|
|
// // return h(ConfirmTxScreen, {key: 'confirm-tx'})
|
|
|
|
// // case 'add-token':
|
|
// // log.debug('rendering add-token screen from unlock screen.')
|
|
// // return h(AddTokenScreen, {key: 'add-token'})
|
|
|
|
// // case 'config':
|
|
// // log.debug('rendering config screen')
|
|
// // return h(Settings, {key: 'config'})
|
|
|
|
// // case 'import-menu':
|
|
// // log.debug('rendering import screen')
|
|
// // return h(Import, {key: 'import-menu'})
|
|
|
|
// // case 'reveal-seed-conf':
|
|
// // log.debug('rendering reveal seed confirmation screen')
|
|
// // return h(RevealSeedConfirmation, {key: 'reveal-seed-conf'})
|
|
|
|
// // case 'info':
|
|
// // log.debug('rendering info screen')
|
|
// // return h(Settings, {key: 'info', tab: 'info'})
|
|
|
|
// case 'buyEth':
|
|
// log.debug('rendering buy ether screen')
|
|
// return h(BuyView, {key: 'buyEthView'})
|
|
|
|
// case 'onboardingBuyEth':
|
|
// log.debug('rendering onboarding buy ether screen')
|
|
// return h(MascaraBuyEtherScreen, {key: 'buyEthView'})
|
|
|
|
// case 'qr':
|
|
// log.debug('rendering show qr screen')
|
|
// return h('div', {
|
|
// style: {
|
|
// position: 'absolute',
|
|
// height: '100%',
|
|
// top: '0px',
|
|
// left: '0px',
|
|
// },
|
|
// }, [
|
|
// h('i.fa.fa-arrow-left.fa-lg.cursor-pointer.color-orange', {
|
|
// onClick: () => this.props.dispatch(actions.backToAccountDetail(activeAddress)),
|
|
// style: {
|
|
// marginLeft: '10px',
|
|
// marginTop: '50px',
|
|
// },
|
|
// }),
|
|
// h('div', {
|
|
// style: {
|
|
// position: 'absolute',
|
|
// left: '44px',
|
|
// width: '285px',
|
|
// },
|
|
// }, [
|
|
// h(QrView, {key: 'qr'}),
|
|
// ]),
|
|
// ])
|
|
|
|
// default:
|
|
// log.debug('rendering default, account detail screen')
|
|
// return h(MainContainer, {key: 'account-detail'})
|
|
// }
|
|
// }
|
|
|
|
toggleMetamaskActive () {
|
|
if (!this.props.isUnlocked) {
|
|
// currently inactive: redirect to password box
|
|
var passwordBox = document.querySelector('input[type=password]')
|
|
if (!passwordBox) return
|
|
passwordBox.focus()
|
|
} else {
|
|
// currently active: deactivate
|
|
this.props.dispatch(actions.lockMetamask(false))
|
|
}
|
|
}
|
|
|
|
getConnectingLabel = function () {
|
|
const { provider } = this.props
|
|
const providerName = provider.type
|
|
|
|
let name
|
|
|
|
if (providerName === 'mainnet') {
|
|
name = this.context.t('connectingToMainnet')
|
|
} else if (providerName === 'ropsten') {
|
|
name = this.context.t('connectingToRopsten')
|
|
} else if (providerName === 'kovan') {
|
|
name = this.context.t('connectingToRopsten')
|
|
} else if (providerName === 'rinkeby') {
|
|
name = this.context.t('connectingToRinkeby')
|
|
} else {
|
|
name = this.context.t('connectingToUnknown')
|
|
}
|
|
|
|
return name
|
|
}
|
|
|
|
getNetworkName () {
|
|
const { provider } = this.props
|
|
const providerName = provider.type
|
|
|
|
let name
|
|
|
|
if (providerName === 'mainnet') {
|
|
name = this.context.t('mainnet')
|
|
} else if (providerName === 'ropsten') {
|
|
name = this.context.t('ropsten')
|
|
} else if (providerName === 'kovan') {
|
|
name = this.context.t('kovan')
|
|
} else if (providerName === 'rinkeby') {
|
|
name = this.context.t('rinkeby')
|
|
} else {
|
|
name = this.context.t('unknownNetwork')
|
|
}
|
|
|
|
return name
|
|
}
|
|
}
|
|
|
|
App.propTypes = {
|
|
currentCurrency: PropTypes.string,
|
|
setCurrentCurrencyToUSD: PropTypes.func,
|
|
isLoading: PropTypes.bool,
|
|
loadingMessage: PropTypes.string,
|
|
network: PropTypes.string,
|
|
provider: PropTypes.object,
|
|
frequentRpcList: PropTypes.array,
|
|
currentView: PropTypes.object,
|
|
sidebarOpen: PropTypes.bool,
|
|
hideSidebar: PropTypes.func,
|
|
isMascara: PropTypes.bool,
|
|
isOnboarding: PropTypes.bool,
|
|
isUnlocked: PropTypes.bool,
|
|
networkDropdownOpen: PropTypes.bool,
|
|
showNetworkDropdown: PropTypes.func,
|
|
hideNetworkDropdown: PropTypes.func,
|
|
history: PropTypes.object,
|
|
dispatch: PropTypes.func,
|
|
toggleAccountMenu: PropTypes.func,
|
|
selectedAddress: PropTypes.string,
|
|
noActiveNotices: PropTypes.bool,
|
|
lostAccounts: PropTypes.array,
|
|
isInitialized: PropTypes.bool,
|
|
forgottenPassword: PropTypes.bool,
|
|
activeAddress: PropTypes.string,
|
|
unapprovedTxs: PropTypes.object,
|
|
seedWords: PropTypes.string,
|
|
unapprovedMsgCount: PropTypes.number,
|
|
unapprovedPersonalMsgCount: PropTypes.number,
|
|
unapprovedTypedMessagesCount: PropTypes.number,
|
|
welcomeScreenSeen: PropTypes.bool,
|
|
isPopup: PropTypes.bool,
|
|
betaUI: PropTypes.bool,
|
|
isMouseUser: PropTypes.bool,
|
|
setMouseUserState: PropTypes.func,
|
|
t: PropTypes.func,
|
|
}
|
|
|
|
function mapStateToProps (state) {
|
|
const { appState, metamask } = state
|
|
const {
|
|
networkDropdownOpen,
|
|
sidebarOpen,
|
|
isLoading,
|
|
loadingMessage,
|
|
} = appState
|
|
|
|
const {
|
|
identities,
|
|
accounts,
|
|
address,
|
|
keyrings,
|
|
isInitialized,
|
|
noActiveNotices,
|
|
seedWords,
|
|
unapprovedTxs,
|
|
lastUnreadNotice,
|
|
lostAccounts,
|
|
unapprovedMsgCount,
|
|
unapprovedPersonalMsgCount,
|
|
unapprovedTypedMessagesCount,
|
|
} = metamask
|
|
const selected = address || Object.keys(accounts)[0]
|
|
|
|
return {
|
|
// state from plugin
|
|
networkDropdownOpen,
|
|
sidebarOpen,
|
|
isLoading,
|
|
loadingMessage,
|
|
noActiveNotices,
|
|
isInitialized,
|
|
isUnlocked: state.metamask.isUnlocked,
|
|
selectedAddress: state.metamask.selectedAddress,
|
|
currentView: state.appState.currentView,
|
|
activeAddress: state.appState.activeAddress,
|
|
transForward: state.appState.transForward,
|
|
isMascara: state.metamask.isMascara,
|
|
isOnboarding: Boolean(!noActiveNotices || seedWords || !isInitialized),
|
|
isPopup: state.metamask.isPopup,
|
|
seedWords: state.metamask.seedWords,
|
|
unapprovedTxs,
|
|
unapprovedMsgs: state.metamask.unapprovedMsgs,
|
|
unapprovedMsgCount,
|
|
unapprovedPersonalMsgCount,
|
|
unapprovedTypedMessagesCount,
|
|
menuOpen: state.appState.menuOpen,
|
|
network: state.metamask.network,
|
|
provider: state.metamask.provider,
|
|
forgottenPassword: state.appState.forgottenPassword,
|
|
lastUnreadNotice,
|
|
lostAccounts,
|
|
frequentRpcList: state.metamask.frequentRpcList || [],
|
|
currentCurrency: state.metamask.currentCurrency,
|
|
isMouseUser: state.appState.isMouseUser,
|
|
betaUI: state.metamask.featureFlags.betaUI,
|
|
isRevealingSeedWords: state.metamask.isRevealingSeedWords,
|
|
Qr: state.appState.Qr,
|
|
welcomeScreenSeen: state.metamask.welcomeScreenSeen,
|
|
|
|
// state needed to get account dropdown temporarily rendering from app bar
|
|
identities,
|
|
selected,
|
|
keyrings,
|
|
}
|
|
}
|
|
|
|
function mapDispatchToProps (dispatch, ownProps) {
|
|
return {
|
|
dispatch,
|
|
hideSidebar: () => dispatch(actions.hideSidebar()),
|
|
showNetworkDropdown: () => dispatch(actions.showNetworkDropdown()),
|
|
hideNetworkDropdown: () => dispatch(actions.hideNetworkDropdown()),
|
|
setCurrentCurrencyToUSD: () => dispatch(actions.setCurrentCurrency('usd')),
|
|
toggleAccountMenu: () => dispatch(actions.toggleAccountMenu()),
|
|
setMouseUserState: (isMouseUser) => dispatch(actions.setMouseUserState(isMouseUser)),
|
|
}
|
|
}
|
|
|
|
App.contextTypes = {
|
|
t: PropTypes.func,
|
|
}
|
|
|
|
module.exports = compose(
|
|
withRouter,
|
|
connect(mapStateToProps, mapDispatchToProps)
|
|
)(App)
|