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

isSome checks on pool roles (#7725)

Browse Source 
* isSome checks on pool roles

* Lazy render
This commit is contained in:
Jaco 2022-06-11 11:04:30 +02:00 committed by GitHub
parent 77b5ea2019
commit 25878fcfca
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 19 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
packages/page-staking/src/Pools/Pool.tsx
View File

@ -101,25 +101,31 @@ function Pool ({ className = '', members, ownAccounts, params, poolId }: Props):
}
</td>
</tr>
{info && (
{info && isExpanded && (
<tr className={`${className} ${isExpanded ? 'isExpanded' : 'isCollapsed'}`}>
<td colSpan={4}>
<div className='label-column-right'>
<div className='label'>{t('root')}</div>
<div className='inline-balance'><AddressMini value={info.bonded.roles.root} /></div>
</div>
{info.bonded.roles.root.isSome && (
<div className='label-column-right'>
<div className='label'>{t('root')}</div>
<div className='inline-balance'><AddressMini value={info.bonded.roles.root} /></div>
</div>
)}
<div className='label-column-right'>
<div className='label'>{t('creator')}</div>
<div className='inline-balance'><AddressMini value={info.bonded.roles.depositor} /></div>
</div>
<div className='label-column-right'>
<div className='label'>{t('nominator')}</div>
<div className='inline-balance'><AddressMini value={info.bonded.roles.nominator} /></div>
</div>
<div className='label-column-right'>
<div className='label'>{t('toggler')}</div>
<div className='inline-balance'><AddressMini value={info.bonded.roles.stateToggler} /></div>
</div>
{info.bonded.roles.nominator.isSome && (
<div className='label-column-right'>
<div className='label'>{t('nominator')}</div>
<div className='inline-balance'><AddressMini value={info.bonded.roles.nominator} /></div>
</div>
)}
{info.bonded.roles.stateToggler.isSome && (
<div className='label-column-right'>
<div className='label'>{t('toggler')}</div>
<div className='inline-balance'><AddressMini value={info.bonded.roles.stateToggler} /></div>
</div>
)}
</td>
<td colSpan={4}>
<div className='label-column-right'>