From a47f32a7b0728c402787ebe914a0953638734820 Mon Sep 17 00:00:00 2001
From: Tayane Fernandes <tayane.rmf@gmail.com>
Date: Tue, 7 Feb 2017 18:09:20 -0200
Subject: [#922] Extract the submit button to a component

with @anikarni
---
 web-ui/src/account_recovery/page.js | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

(limited to 'web-ui/src/account_recovery/page.js')

diff --git a/web-ui/src/account_recovery/page.js b/web-ui/src/account_recovery/page.js
index 79eca8a7..90a1faa4 100644
--- a/web-ui/src/account_recovery/page.js
+++ b/web-ui/src/account_recovery/page.js
@@ -17,21 +17,22 @@
 
 import React from 'react'
 import { translate } from 'react-i18next'
+import SubmitButton from 'src/common/submit_button'
 
 import './page.scss'
 
 export const Page = ({ t }) => (
   <div className='container'>
-    <img src='assets/images/forgot-my-password.svg' alt={t('backup-account.image-description')}/>
+    <img 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>
       <div className="field-group">
-        <input type="text" name="email" className="email" required/>
+        <input type="text" name="email" className="email" required />
         <label className="animated-label" htmlFor="email">{t('backup-account.input-label')}</label>
       </div>
-      <button>{t('backup-account.button')}</button>
+      <SubmitButton buttonText={t('backup-account.button')} />
       <div>
         <a href="/">
           <i className="fa fa-angle-left" aria-hidden="true"></i>
-- 
cgit v1.2.3