feat(account settings): improve UI

This commit is contained in:
plebeius.eth
2024-05-16 10:03:32 +02:00
parent 9117173249
commit c31c0a4482
37 changed files with 105 additions and 73 deletions
@@ -34,8 +34,10 @@
margin-top: 5px;
}
.deleteAccount, .deleteAccount button {
.deleteAccount {
color: red;
float: right;
margin-right: 10px;
}
.setting .createAccount {
@@ -165,16 +165,11 @@ const AccountSettings = () => {
<div></div>
<textarea value={text} onChange={(e) => setText(e.target.value)} autoCorrect='off' autoComplete='off' spellCheck='false' />
<div>
<button onClick={saveAccount}>{t('save')}</button> <button onClick={() => setText(accountJson)}>{t('reset')}</button>
</div>
<div>
<button onClick={_importAccount}>{t('import')}</button> {t('full_account_data')}
</div>
<div>
<button onClick={_exportAccount}>{t('export')}</button> {t('full_account_data')}
</div>
<div className={styles.deleteAccount}>
<button onClick={() => _deleteAccount(account?.name)}>{t('delete')}</button> {t('this_account')}
<button onClick={saveAccount}>{t('save')}</button> <button onClick={() => setText(accountJson)}>{t('reset')}</button>{' '}
<button onClick={_importAccount}>{t('import')}</button> <button onClick={_exportAccount}>{t('export')}</button>{' '}
<button className={styles.deleteAccount} onClick={() => _deleteAccount(account?.name)}>
delete account
</button>
</div>
</div>
);