parent
9c913de8e0
commit
3733adfd84
|
@ -11,6 +11,7 @@ import Swap from 'containers/Tabs/Swap';
|
||||||
import SignAndVerifyMessage from 'containers/Tabs/SignAndVerifyMessage';
|
import SignAndVerifyMessage from 'containers/Tabs/SignAndVerifyMessage';
|
||||||
import BroadcastTx from 'containers/Tabs/BroadcastTx';
|
import BroadcastTx from 'containers/Tabs/BroadcastTx';
|
||||||
import ErrorScreen from 'components/ErrorScreen';
|
import ErrorScreen from 'components/ErrorScreen';
|
||||||
|
import PageNotFound from 'components/PageNotFound';
|
||||||
import { Store } from 'redux';
|
import { Store } from 'redux';
|
||||||
import { AppState } from 'reducers';
|
import { AppState } from 'reducers';
|
||||||
|
|
||||||
|
@ -41,7 +42,7 @@ export default class Root extends Component<Props, State> {
|
||||||
|
|
||||||
// key={Math.random()} = hack for HMR from https://github.com/webpack/webpack-dev-server/issues/395
|
// key={Math.random()} = hack for HMR from https://github.com/webpack/webpack-dev-server/issues/395
|
||||||
const routes = (
|
const routes = (
|
||||||
<div>
|
<Switch>
|
||||||
<Route exact={true} path="/" component={GenerateWallet} />
|
<Route exact={true} path="/" component={GenerateWallet} />
|
||||||
<Route path="/generate" component={GenerateWallet}>
|
<Route path="/generate" component={GenerateWallet}>
|
||||||
<Route path="keystore" component={GenerateWallet} />
|
<Route path="keystore" component={GenerateWallet} />
|
||||||
|
@ -58,8 +59,9 @@ export default class Root extends Component<Props, State> {
|
||||||
<Route path="/ens" component={ENS} />
|
<Route path="/ens" component={ENS} />
|
||||||
<Route path="/sign-and-verify-message" component={SignAndVerifyMessage} />
|
<Route path="/sign-and-verify-message" component={SignAndVerifyMessage} />
|
||||||
<Route path="/pushTx" component={BroadcastTx} />
|
<Route path="/pushTx" component={BroadcastTx} />
|
||||||
|
<Route component={PageNotFound} />
|
||||||
<LegacyRoutes />
|
<LegacyRoutes />
|
||||||
</div>
|
</Switch>
|
||||||
);
|
);
|
||||||
return (
|
return (
|
||||||
<Provider store={store} key={Math.random()}>
|
<Provider store={store} key={Math.random()}>
|
||||||
|
|
|
@ -0,0 +1,9 @@
|
||||||
|
.PageNotFound {
|
||||||
|
text-align: center;
|
||||||
|
&-content {
|
||||||
|
padding: 100px 0;
|
||||||
|
font-size: 30px;
|
||||||
|
max-width: 800px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,22 @@
|
||||||
|
import React from 'react';
|
||||||
|
import { Link, RouteComponentProps } from 'react-router-dom';
|
||||||
|
import TabSection from '../../containers/TabSection/index';
|
||||||
|
import './PageNotFound.scss';
|
||||||
|
|
||||||
|
const PageNotFound: React.SFC<RouteComponentProps<{}>> = () => (
|
||||||
|
<TabSection>
|
||||||
|
<section className="Tab-content PageNotFound">
|
||||||
|
<div className="Tab-content-pane">
|
||||||
|
<h1 className="PageNotFound-header">/ᐠ≗ᆽ≗ᐟ \</h1>
|
||||||
|
<main role="main">
|
||||||
|
<p className="PageNotFound-content">
|
||||||
|
Meow! Something went wrong and the page you were looking for doesn't yet exist. Try the{' '}
|
||||||
|
<Link to="/">home page</Link>.
|
||||||
|
</p>
|
||||||
|
</main>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</TabSection>
|
||||||
|
);
|
||||||
|
|
||||||
|
export default PageNotFound;
|
|
@ -0,0 +1,3 @@
|
||||||
|
import PageNotFound from './PageNotFound';
|
||||||
|
|
||||||
|
export default PageNotFound;
|
Loading…
Reference in New Issue