Media queries on proposals (#4386)

This commit is contained in:
Jaco Greeff 2021-01-13 11:46:06 +01:00 committed by GitHub
parent a6ab09dc07
commit f88ff85884
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 20 additions and 9 deletions

View File

@ -65,15 +65,26 @@ function Proposal ({ approvedIds, id, scheduled }: Props): React.ReactElement<Pr
)}
</td>
{isQueried && !proposal.proposal
? <td colSpan={6}><Spinner variant='mini' /></td>
? (
<>
<td colSpan={2}><Spinner variant='mini' /></td>
<td className='media--1000' />
<td
className='media--1600'
colSpan={2} />
<td
className='media--1300'
colSpan={1} />
</>
)
: (
<>
<td className='start together'>{proposal.proposal?.name.toUtf8()}</td>
<td className='address'>{proposal.proposal && <AddressSmall value={proposal.proposal.proposer} />}</td>
<td className='balance'>{proposal.proposal && <FormatBalance value={proposal.proposal.balance} />}</td>
<td className='start hash together'>{initialHex}</td>
<td className='start hash together'>{validationHex}</td>
<td className='address all'>{proposal.proposal?.validators.map((validatorId) => (
<td className='balance media--1000'>{proposal.proposal && <FormatBalance value={proposal.proposal.balance} />}</td>
<td className='start hash together media--1600'>{initialHex}</td>
<td className='start hash together media--1600'>{validationHex}</td>
<td className='address all media--1300'>{proposal.proposal?.validators.map((validatorId) => (
<AddressMini
key={validatorId.toString()}
value={validatorId}

View File

@ -21,10 +21,10 @@ function Proposals ({ proposals }: Props): React.ReactElement<Props> {
[t('proposals'), 'start', 2],
[],
[t('proposer'), 'address'],
[t('balance')],
[t('initial state'), 'start'],
[t('validation'), 'start'],
[t('validators'), 'address'],
[t('balance'), 'media--1000'],
[t('initial state'), 'start media--1600'],
[t('validation'), 'start media--1600'],
[t('validators'), 'address media--1300'],
[]
]);