[#922] Add dynamic page title

with @anikarni

1 files changed, 29 insertions, 26 deletions

diff --git a/web-ui/src/backup_account/page.js b/web-ui/src/backup_account/page.js
index 2ae26d12..b5f343a9 100644
--- a/web-ui/src/backup_account/page.js
+++ b/web-ui/src/backup_account/page.js
@@ -17,6 +17,7 @@
 
 import React from 'react';
 import { translate } from 'react-i18next';
+import DocumentTitle from 'react-document-title';
 import SubmitButton from 'src/common/submit_button/submit_button';
 import InputField from 'src/common/input_field/input_field';
 import Footer from 'src/common/footer/footer';
@@ -25,32 +26,34 @@ import Header from 'src/common/header/header';
 import './page.scss';
 
 export const Page = ({ t }) => (
-  <div className='page'>
-    <Header />
-    <section>
-      <div className='container'>
-        <img
-          className='backup-account-image'
-          src='assets/images/forgot-my-password.svg'
-          alt={t('backup-account.image-description')}
-        />
-        <form>
-          <h1>{t('backup-account.title')}</h1>
-          <p>{t('backup-account.paragraph1')}</p>
-          <p>{t('backup-account.paragraph2')}</p>
-          <InputField name='email' label={t('backup-account.input-label')} />
-          <SubmitButton buttonText={t('backup-account.button')} />
-          <div>
-            <a href='/' className='link'>
-              <i className='fa fa-angle-left' aria-hidden='true' />
-              <span>{t('back-to-inbox')}</span>
-            </a>
-          </div>
-        </form>
-      </div>
-    </section>
-    <Footer />
-  </div>
+  <DocumentTitle title={t('backup-account.page-title')}>
+    <div className='page'>
+      <Header />
+      <section>
+        <div className='container'>
+          <img
+            className='backup-account-image'
+            src='assets/images/forgot-my-password.svg'
+            alt={t('backup-account.image-description')}
+          />
+          <form>
+            <h1>{t('backup-account.title')}</h1>
+            <p>{t('backup-account.paragraph1')}</p>
+            <p>{t('backup-account.paragraph2')}</p>
+            <InputField name='email' label={t('backup-account.input-label')} />
+            <SubmitButton buttonText={t('backup-account.button')} />
+            <div>
+              <a href='/' className='link'>
+                <i className='fa fa-angle-left' aria-hidden='true' />
+                <span>{t('back-to-inbox')}</span>
+              </a>
+            </div>
+          </form>
+        </div>
+      </section>
+      <Footer />
+    </div>
+  </DocumentTitle>
 );
 
 Page.propTypes = {