0
0
Fork 0
This commit is contained in:
xeltica 2021-10-09 02:16:21 +09:00
parent 8a5daa866c
commit 57e1ddcd3f
2 changed files with 25 additions and 23 deletions

View file

@ -33,7 +33,7 @@ html
script. script.
const token = '#{token}'; const token = '#{token}';
const previousToken = localStorage.getItem('token'); const previousToken = localStorage.getItem('token');
const accounts = JSON.parse(localStorage.getItem('accounts') && '[]'); const accounts = JSON.parse(localStorage.getItem('accounts') || '[]');
if (previousToken && !accounts.includes(previousToken)) { if (previousToken && !accounts.includes(previousToken)) {
accounts.push(previousToken); accounts.push(previousToken);
} }

View file

@ -37,30 +37,32 @@ export const AccountsPage: React.VFC = () => {
<p>@{data.username}@{data.host}</p> <p>@{data.username}@{data.host}</p>
</div> </div>
</div> </div>
<article> <article className="card">
<h2>{t('_accounts.switchAccount')}</h2> <div className="body">
<div className="menu large fluid mb-2"> <h1>{t('_accounts.switchAccount')}</h1>
{ <div className="menu large fluid mb-2">
accounts.length === accountTokens.length ? ( {
accounts.map(account => ( accounts.length === accountTokens.length ? (
<button className="item fluid" style={{display: 'flex', flexDirection: 'row', alignItems: 'center'}} onClick={() => switchAccount(account.misshaiToken)}> accounts.map(account => (
<i className="icon bi bi-chevron-right" /> <button className="item fluid" style={{display: 'flex', flexDirection: 'row', alignItems: 'center'}} onClick={() => switchAccount(account.misshaiToken)}>
@{account.username}@{account.host} <i className="icon bi bi-chevron-right" />
<button className="btn flat text-danger" style={{marginLeft: 'auto'}} onClick={e => { @{account.username}@{account.host}
const filteredAccounts = accounts.filter(ac => ac.id !== account.id); <button className="btn flat text-danger" style={{marginLeft: 'auto'}} onClick={e => {
dispatch(setAccounts(filteredAccounts)); const filteredAccounts = accounts.filter(ac => ac.id !== account.id);
e.stopPropagation(); dispatch(setAccounts(filteredAccounts));
}}> e.stopPropagation();
<i className="bi bi-trash"/> }}>
<i className="bi bi-trash"/>
</button>
</button> </button>
</button> ))
)) ) : (
) : ( <div className="item">...</div>
<div className="item">...</div> )
) }
} </div>
<LoginForm />
</div> </div>
<LoginForm />
</article> </article>
</div> </div>
); );