neptune/ghost-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust badge for dev accounts (#4520)

Browse Source 
* Adjust badge for dev accounts

* lint
This commit is contained in:
Jaco Greeff 2021-01-28 18:54:17 +01:00 committed by GitHub
parent c9b7fadbb6
commit 39f1f577c8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 25 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
packages/page-accounts/src/Accounts/Account.tsx
View File

@ -221,18 +221,27 @@ function Account ({ account: { address, meta }, className = '', delegation, filt
<td className='together'>
{meta.genesisHash
? <Badge color='transparent' />
: (
<Badge
color='orange'
hover={
<div>
<p>{t<string>('This account is available on all networks. Ensure you tie it to a specific network via the account options ("only this network" option) to limit availability on a single network.')}</p>
<p>{t<string>('This is especially prudent in cases where the address is only destined to be used on a single network or linked to a specific device.')}</p>
</div>
}
icon='exclamation-triangle'
/>
)
: isDevelopment
? (
<Badge
className='devBadge'
color='orange'
hover={t<string>('This is a development account derived from the known development seed. Do now use for any funds on a non-development network.')}
icon='wrench'
/>
)
: (
<Badge
color='orange'
hover={
<div>
<p>{t<string>('This account is available on all networks. Ensure you tie it to a specific network via the account options ("only this network" option) to limit availability on a single network.')}</p>
<p>{t<string>('This is especially prudent in cases where the address is only destined to be used on a single network or linked to a specific device.')}</p>
</div>
}
icon='exclamation-triangle'
/>
)
}
{recoveryInfo && (
<Badge
@ -616,4 +625,8 @@ export default React.memo(styled(Account)`
width: 100%;
min-height: 1.5rem;
}
.devBadge {
opacity: 0.65;
}
`);