Newer
Older
// Copyright 2015-2018 Parity Technologies (UK) Ltd.
import {
BrowserRouter,
MemoryRouter,
Redirect,
Route,
Switch
} from 'react-router-dom';
import Send from '../Send';
import Settings from '../Settings';
// Use MemoryRouter for production viewing in file:// protocol
// https://github.com/facebook/create-react-app/issues/3591
const Router =
process.env.NODE_ENV === 'production' ? MemoryRouter : BrowserRouter;
@inject('healthStore', 'onboardingStore')
<div className='wrapper'>
<div className='content'>
<div className='connector'>
<svg width='60px' height='30px' viewBox='0 0 60 30'>
<polygon points='0 30 60 30 30 0' />
/**
* Decide which screen to render.
*/
renderScreen () {
const {
healthStore: {
health: { status }
}
} = this.props;
return (
<div className='window'>
{/* If we are onboarding, then never show the Overlay. On the other hand, if
we're not onboarding, show the Overlay whenever we have an issue. */}
{!isOnboarding && status !== STATUS.GOOD && <Overlay />}
<Switch>
{/* We redirect to Onboarding if necessary, or by default to our
<Redirect
exact
from='/'
to={isOnboarding ? '/onboarding' : '/tokens'}
/>
<Route path='/accounts' component={Accounts} />
<Route path='/onboarding' component={Onboarding} />
<Route path='/send' component={Send} />
<Route path='/settings' component={Settings} />
<Route path='/tokens' component={Tokens} />
<Redirect from='*' to='/' />
</Switch>
</div>