summaryrefslogtreecommitdiff
path: root/web-ui/src
diff options
context:
space:
mode:
Diffstat (limited to 'web-ui/src')
-rw-r--r--web-ui/src/backup_account/app.js38
-rw-r--r--web-ui/src/backup_account/backup_account.html2
-rw-r--r--web-ui/src/backup_account/backup_account.js10
-rw-r--r--web-ui/src/backup_account/page.js1
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 }) => (