mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-11-24 02:58:09 +01:00
49a525b9f8
* Add `react/no-unused-prop-types` rule All detected unused prop types have been removed. I have attempted to ensure these props are no longer passed in either. * Update handling of props to avoid false positive lint errors These cases were detected by `react/no-unused-prop-types` as being unused props, even though they were used. These minor adjustments prevent them from being flagged as errors. * Update unit tests Many of these tests were just checking that specific props were passed from containers or to a child component. These were deleted, as I can't imagine how they'd be useful. * Disable `react/no-unused-prop-types` in `componentWillReceiveProps The rule `react/no-unused-prop-types` doesn't seem to be detecting props used within `UNSAFE_componentWillReceiveProps`. The two cases have been disabled temporarily until we can replace these unsafe lifecycle functions.
87 lines
2.4 KiB
JavaScript
87 lines
2.4 KiB
JavaScript
import React, { PureComponent } from 'react'
|
|
import PropTypes from 'prop-types'
|
|
import { Switch, Route } from 'react-router-dom'
|
|
import RevealSeedPhrase from './reveal-seed-phrase'
|
|
import ConfirmSeedPhrase from './confirm-seed-phrase'
|
|
import {
|
|
INITIALIZE_SEED_PHRASE_ROUTE,
|
|
INITIALIZE_CONFIRM_SEED_PHRASE_ROUTE,
|
|
INITIALIZE_BACKUP_SEED_PHRASE_ROUTE,
|
|
DEFAULT_ROUTE,
|
|
} from '../../../helpers/constants/routes'
|
|
import HTML5Backend from 'react-dnd-html5-backend'
|
|
import { DragDropContextProvider } from 'react-dnd'
|
|
import MetaFoxLogo from '../../../components/ui/metafox-logo'
|
|
|
|
export default class SeedPhrase extends PureComponent {
|
|
static propTypes = {
|
|
history: PropTypes.object,
|
|
seedPhrase: PropTypes.string,
|
|
verifySeedPhrase: PropTypes.func,
|
|
}
|
|
|
|
state = {
|
|
verifiedSeedPhrase: '',
|
|
}
|
|
|
|
componentDidMount () {
|
|
const { seedPhrase, history, verifySeedPhrase } = this.props
|
|
|
|
if (!seedPhrase) {
|
|
verifySeedPhrase()
|
|
.then(verifiedSeedPhrase => {
|
|
if (!verifiedSeedPhrase) {
|
|
history.push(DEFAULT_ROUTE)
|
|
} else {
|
|
this.setState({ verifiedSeedPhrase })
|
|
}
|
|
})
|
|
}
|
|
}
|
|
|
|
render () {
|
|
const { seedPhrase } = this.props
|
|
const { verifiedSeedPhrase } = this.state
|
|
|
|
return (
|
|
<DragDropContextProvider backend={HTML5Backend}>
|
|
<div className="first-time-flow__wrapper">
|
|
<MetaFoxLogo />
|
|
<Switch>
|
|
<Route
|
|
exact
|
|
path={INITIALIZE_CONFIRM_SEED_PHRASE_ROUTE}
|
|
render={routeProps => (
|
|
<ConfirmSeedPhrase
|
|
{ ...routeProps }
|
|
seedPhrase={seedPhrase || verifiedSeedPhrase}
|
|
/>
|
|
)}
|
|
/>
|
|
<Route
|
|
exact
|
|
path={INITIALIZE_SEED_PHRASE_ROUTE}
|
|
render={routeProps => (
|
|
<RevealSeedPhrase
|
|
{ ...routeProps }
|
|
seedPhrase={seedPhrase || verifiedSeedPhrase}
|
|
/>
|
|
)}
|
|
/>
|
|
<Route
|
|
exact
|
|
path={INITIALIZE_BACKUP_SEED_PHRASE_ROUTE}
|
|
render={routeProps => (
|
|
<RevealSeedPhrase
|
|
{ ...routeProps }
|
|
seedPhrase={seedPhrase || verifiedSeedPhrase}
|
|
/>
|
|
)}
|
|
/>
|
|
</Switch>
|
|
</div>
|
|
</DragDropContextProvider>
|
|
)
|
|
}
|
|
}
|