Merge pull request #965 from pixelated/backup-email-page

Adds lint, coverage and css autoprefixer

3 files changed, 23 insertions, 30 deletions

diff --git a/web-ui/src/account_recovery/account_recovery.js b/web-ui/src/account_recovery/account_recovery.js
index 6c12e326..d4e0f4e8 100644
--- a/web-ui/src/account_recovery/account_recovery.js
+++ b/web-ui/src/account_recovery/account_recovery.js
@@ -15,21 +15,21 @@
  * along with Pixelated. If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react'
-import { render } from 'react-dom'
-import a11y from 'react-a11y'
-import { I18nextProvider } from 'react-i18next'
+import React from 'react';
+import { render } from 'react-dom';
+import a11y from 'react-a11y';
+import { I18nextProvider } from 'react-i18next';
 
-import Page from './page'
-import i18n from '../i18n'
+import 'font-awesome/scss/font-awesome.scss';
 
-import 'font-awesome/scss/font-awesome.scss'
+import PageWrapper from './page';
+import i18n from '../i18n';
 
-if(process.env.NODE_ENV === 'development') a11y(React);
+if (process.env.NODE_ENV === 'development') a11y(React);
 
 render(
-  <I18nextProvider i18n={ i18n }>
-    <Page/>
+  <I18nextProvider i18n={i18n}>
+    <PageWrapper />
   </I18nextProvider>,
   document.getElementById('root')
 );
diff --git a/web-ui/src/account_recovery/page.js b/web-ui/src/account_recovery/page.js
index d1bcb464..ac01529d 100644
--- a/web-ui/src/account_recovery/page.js
+++ b/web-ui/src/account_recovery/page.js
@@ -15,12 +15,12 @@
  * along with Pixelated. If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react'
-import { translate } from 'react-i18next'
-import SubmitButton from 'src/common/submit_button/submit_button'
-import InputField from 'src/common/input_field/input_field'
+import React from 'react';
+import { translate } from 'react-i18next';
+import SubmitButton from 'src/common/submit_button/submit_button';
+import InputField from 'src/common/input_field/input_field';
 
-import './page.scss'
+import './page.scss';
 
 export const Page = ({ t }) => (
   <div className='container'>
@@ -32,13 +32,17 @@ export const Page = ({ t }) => (
       <InputField name='email' label={t('backup-account.input-label')} />
       <SubmitButton buttonText={t('backup-account.button')} />
       <div>
-        <a href="/">
-          <i className="fa fa-angle-left" aria-hidden="true"></i>
+        <a href='/'>
+          <i className='fa fa-angle-left' aria-hidden='true' />
           <span>{t('back-to-inbox')}</span>
         </a>
       </div>
     </form>
   </div>
-)
+);
 
-export default translate('', { wait: true })(Page)
+Page.propTypes = {
+  t: React.PropTypes.func.isRequired
+};
+
+export default translate('', { wait: true })(Page);
diff --git a/web-ui/src/account_recovery/page.scss b/web-ui/src/account_recovery/page.scss
index c928d815..619d1105 100644
--- a/web-ui/src/account_recovery/page.scss
+++ b/web-ui/src/account_recovery/page.scss
@@ -65,18 +65,13 @@ a {
   width: 84%;
   margin: 3% auto;
   padding: 6% 5%;
-
-  -webkit-display: flex;
   display: flex;
-  -webkit-align-items: flex-start;
   align-items: flex-start;
-  -webkit-flex-direction: column;
   flex-direction: column;
 }
 
 img {
   width: 50%;
-  -webkit-align-self: center;
   align-self: center;
 }
 
@@ -87,13 +82,10 @@ img {
 
   form {
     display: flex;
-    -webkit-display: flex;
-    -webkit-flex-direction: column;
     flex-direction: column;
 
     div {
       width: 70%;
-      -webkit-align-self: center;
       align-self: center;
     }
   }
@@ -103,9 +95,7 @@ img {
   .container{
     width: 60%;
     padding: 3%;
-    -webkit-align-items: flex-start;
     align-items: flex-start;
-    -webkit-flex-direction: row;
     flex-direction: row;
     max-width: 700px;
   }
@@ -115,7 +105,6 @@ img {
 
     div {
       width: 300px;
-      -webkit-align-self: flex-start;
       align-self: flex-start;
     }
   }