修正
This commit is contained in:
parent
8a5daa866c
commit
57e1ddcd3f
2 changed files with 25 additions and 23 deletions
|
@ -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);
|
||||||
}
|
}
|
||||||
|
|
|
@ -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>
|
||||||
);
|
);
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue