1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-05 07:24:56 +01:00
metamask-extension/ui/pages/first-time-flow/create-password/create-password.component.js
Mark Stacey e067379f48
Remove the partially-applied dark mode styles used for beta (#12489)
The beta build currently has a couple of UI elements (the horizontal
logo and the app header) set to "dark mode", even though nothing else
in our UI supports dark mode yet. These styles have been removed. We
should make the entire UI support dark mode all at once at a later
date.

Also the horizontal logo used for beta was named incorrectly; the dark
and non-dark logos were swapped. They have been switched back so that
the logo that ends with `-dark` is for dark mode.
2021-10-28 17:29:20 -02:30

58 lines
1.6 KiB
JavaScript

import React, { PureComponent } from 'react';
import PropTypes from 'prop-types';
import { Switch, Route } from 'react-router-dom';
import MetaFoxLogo from '../../../components/ui/metafox-logo';
import {
INITIALIZE_CREATE_PASSWORD_ROUTE,
INITIALIZE_IMPORT_WITH_SEED_PHRASE_ROUTE,
INITIALIZE_SEED_PHRASE_INTRO_ROUTE,
} from '../../../helpers/constants/routes';
import NewAccount from './new-account';
import ImportWithSeedPhrase from './import-with-seed-phrase';
export default class CreatePassword extends PureComponent {
static propTypes = {
history: PropTypes.object,
isInitialized: PropTypes.bool,
onCreateNewAccount: PropTypes.func,
onCreateNewAccountFromSeed: PropTypes.func,
};
componentDidMount() {
const { isInitialized, history } = this.props;
if (isInitialized) {
history.push(INITIALIZE_SEED_PHRASE_INTRO_ROUTE);
}
}
render() {
const { onCreateNewAccount, onCreateNewAccountFromSeed } = this.props;
return (
<div className="first-time-flow__wrapper">
<MetaFoxLogo />
<Switch>
<Route
exact
path={INITIALIZE_IMPORT_WITH_SEED_PHRASE_ROUTE}
render={(routeProps) => (
<ImportWithSeedPhrase
{...routeProps}
onSubmit={onCreateNewAccountFromSeed}
/>
)}
/>
<Route
exact
path={INITIALIZE_CREATE_PASSWORD_ROUTE}
render={(routeProps) => (
<NewAccount {...routeProps} onSubmit={onCreateNewAccount} />
)}
/>
</Switch>
</div>
);
}
}