+
+ <div onChange={e => this.setValue(e)}>
+ <div className={styles.choices}>
+ <div className={styles.choice_wrapper}>
+ <label>
+ <input className={styles.choice_radio_button}
+ type='radio'
+ name='type'
+ value='backup'/>
+ <div className={`${styles.choice} ${styles.new} `}>
+ <span className={styles.choice_title}>{lang === 'zh' ?'备份':'Back Up'}</span>
+ <p>
+ This option will back up all data stored in this core,
+ including blockchain data, accounts, assets
+ and balances.
+ </p>
+ </div>
+ </label>
+ </div>
+
+ <div className={styles.choice_wrapper}>
+ <label>
+ <input className={styles.choice_radio_button}
+ type='radio'
+ name='type'
+ value='restore' />
+ <div className={`${styles.choice} ${styles.join}`}>
+ <span className={styles.choice_title}>{lang === 'zh' ?'恢复':'Restore'}</span>
+ <p>
+ This option will restore the wallet data form files.
+ You might need to rescan your wallet, if you balance is not up to date
+ </p>
+ </div>
+ </label>
+ </div>
+
+ <div className={styles.choice_wrapper}>
+ <label>
+ <input className={styles.choice_radio_button}
+ type='radio'
+ name='type'
+ value='rescan' />
+ <div className={`${styles.choice} ${styles.join}`}>
+ <span className={styles.choice_title}>{lang === 'zh' ?'重新扫描':'Rescan'}</span>
+ <p>
+ This option will rescan your wallet and update your balance.
+ </p>
+ </div>
+ </label>
+ </div>
+
+
+ </div>
+
+ <div className={styles.choices}>
+ <div>
+ {
+ this.state.value === 'backup'
+ &&<span className={styles.submitWrapper}>{newButton}</span>
+ }
+ </div>
+
+ <div>
+ {
+ this.state.value === 'restore'
+ &&
+ <span className={styles.submitWrapper}>{restoreButton}</span>
+ }
+ <input id='bytom-restore-file-upload' type='file'
+ style={{'display': 'none', 'alignItems': 'center', 'fontSize': '12px'}}
+ onChange={this.handleFileChange.bind(this)}/>
+ </div>
+ <div>
+ {
+ this.state.value === 'rescan'
+ &&
+ <span className={styles.submitWrapper}>{rescanButton}</span>
+ }
+ </div>
+ </div>
+ </div>
+