[#922] Extract the submit button to a component

with @anikarni

1 files changed, 4 insertions, 3 deletions

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>