diff --git a/js/src/main.js b/js/src/main.js
index d508c50fc..c1dda9d57 100644
--- a/js/src/main.js
+++ b/js/src/main.js
@@ -15,7 +15,7 @@
// along with Parity. If not, see .
import React, { Component, PropTypes } from 'react';
-import { Redirect, Router, Route } from 'react-router';
+import { Redirect, Router, Route, IndexRoute } from 'react-router';
import { Accounts, Account, Addresses, Address, Application, Contract, Contracts, WriteContract, Wallet, Dapp, Dapps, Settings, SettingsBackground, SettingsParity, SettingsProxy, SettingsViews, Signer, Status } from '~/views';
@@ -26,6 +26,23 @@ export default class MainApplication extends Component {
routerHistory: PropTypes.any.isRequired
};
+ handleDeprecatedRoute = (nextState, replace) => {
+ const { address } = nextState.params;
+ const redirectMap = {
+ account: 'accounts',
+ address: 'addresses',
+ contract: 'contracts'
+ };
+
+ const oldRoute = nextState.routes[0].path;
+ const newRoute = Object.keys(redirectMap).reduce((newRoute, key) => {
+ return newRoute.replace(new RegExp(`^/${key}`), '/' + redirectMap[key]);
+ }, oldRoute);
+
+ console.warn(`Route "${oldRoute}" is deprecated. Please use "${newRoute}"`);
+ replace(newRoute.replace(':address', address));
+ }
+
render () {
const { routerHistory } = this.props;
@@ -34,26 +51,46 @@ export default class MainApplication extends Component {
+
+ { /** Backward Compatible links */ }
+
+
+
+
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
-
-
-
+
+
+
+
+
+
+
+
-
-
+
+
+
+
+
);
diff --git a/js/src/views/Accounts/Summary/summary.js b/js/src/views/Accounts/Summary/summary.js
index 3183a2903..a19b9a9de 100644
--- a/js/src/views/Accounts/Summary/summary.js
+++ b/js/src/views/Accounts/Summary/summary.js
@@ -153,7 +153,7 @@ export default class Summary extends Component {
const { link, noLink, account, name } = this.props;
const { address } = account;
- const viewLink = `/${link || 'account'}/${address}`;
+ const viewLink = `/${link || 'accounts'}/${address}`;
const content = (
diff --git a/js/src/views/Addresses/addresses.js b/js/src/views/Addresses/addresses.js
index a3e52ec55..fd26d94e5 100644
--- a/js/src/views/Addresses/addresses.js
+++ b/js/src/views/Addresses/addresses.js
@@ -95,7 +95,7 @@ class Addresses extends Component {
return (