4 files changed, 42 insertions, 9 deletions
diff --git a/web-ui/src/backup_account/app.js b/web-ui/src/backup_account/app.js
new file mode 100644
index 00000000..49fe0712
--- /dev/null
+++ b/web-ui/src/backup_account/app.js
@@ -0,0 +1,38 @@
+/*
+ * Copyright (c) 2017 ThoughtWorks, Inc.
+ *
+ * Pixelated is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * Pixelated is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with Pixelated. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+import React from 'react';
+import { I18nextProvider } from 'react-i18next';
+
+import PageWrapper from './page';
+import internationalization from '../i18n';
+
+const App = ({ i18n = internationalization }) => (
+  <I18nextProvider i18n={i18n}>
+    <PageWrapper />
+  </I18nextProvider>
+);
+
+App.propTypes = {
+  i18n: React.PropTypes.object // eslint-disable-line react/forbid-prop-types
+};
+
+App.defaultProps = {
+  i18n: internationalization
+};
+
+export default App;
diff --git a/web-ui/src/backup_account/backup_account.html b/web-ui/src/backup_account/backup_account.html
index ec6213be..fa026e7a 100644
--- a/web-ui/src/backup_account/backup_account.html
+++ b/web-ui/src/backup_account/backup_account.html
@@ -5,7 +5,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
     <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
-    <title>Pixelated Backup Account</title>
+    <title>Pixelated</title>
   </head>
   <body>
     <div id="root"/>
diff --git a/web-ui/src/backup_account/backup_account.js b/web-ui/src/backup_account/backup_account.js
index d4e0f4e8..fb431cff 100644
--- a/web-ui/src/backup_account/backup_account.js
+++ b/web-ui/src/backup_account/backup_account.js
@@ -18,18 +18,12 @@
 import React from 'react';
 import { render } from 'react-dom';
 import a11y from 'react-a11y';
-import { I18nextProvider } from 'react-i18next';
 
-import 'font-awesome/scss/font-awesome.scss';
-
-import PageWrapper from './page';
-import i18n from '../i18n';
+import App from './app';
 
 if (process.env.NODE_ENV === 'development') a11y(React);
 
 render(
-  <I18nextProvider i18n={i18n}>
-    <PageWrapper />
-  </I18nextProvider>,
+  <App />,
   document.getElementById('root')
 );
diff --git a/web-ui/src/backup_account/page.js b/web-ui/src/backup_account/page.js
index b5f343a9..c39394e2 100644
--- a/web-ui/src/backup_account/page.js
+++ b/web-ui/src/backup_account/page.js
@@ -23,6 +23,7 @@ import InputField from 'src/common/input_field/input_field';
 import Footer from 'src/common/footer/footer';
 import Header from 'src/common/header/header';
 
+import 'font-awesome/scss/font-awesome.scss';
 import './page.scss';
 
 export const Page = ({ t }) => (