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

Display icon for unlocked parachains (#8328)

Browse Source 
* Display icon for unlocked parachains

* Adjust
This commit is contained in:
Jaco 2022-11-10 15:07:41 +02:00 committed by GitHub
parent d392bde5e1
commit b70c5ed748
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 22 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
packages/page-parachains/src/Overview/Parachain.tsx
View File

@ -8,7 +8,7 @@ import type { EventMapInfo, ValidatorInfo } from './types';
import React, { useCallback, useEffect, useMemo, useState } from 'react';
import styled from 'styled-components';
import { AddressMini, Expander, ParaLink } from '@polkadot/react-components';
import { AddressMini, Badge, Expander, ParaLink } from '@polkadot/react-components';
import { BlockToTime } from '@polkadot/react-query';
import { BN, formatNumber } from '@polkadot/util';
@ -90,8 +90,21 @@ function Parachain ({ bestNumber, className = '', id, lastBacked, lastInclusion,
return (
<tr className={`${className} ${(lastBacked || lastInclusion || paraInfo.watermark) ? '' : 'isDisabled'}`}>
<td className='number'><h1>{formatNumber(id)}</h1></td>
<td className='badge'><ParaLink id={id} /></td>
<td className='number'>
<h1>{formatNumber(id)}</h1>
</td>
<td className='badge together'>
{paraInfo.paraInfo?.locked?.isFalse
? (
<Badge
color='orange'
icon='unlock'
/>
)
: <Badge color='transparent' />
}
<ParaLink id={id} />
</td>
<td className='number media--1400'>
{validators && validators[1].length !== 0 && (
<Expander
@ -172,4 +185,10 @@ export default React.memo(styled(Parachain)`
opacity: 0.5
}
}
td.badge.together > div {
display: inline-block;
margin: 0 0.25rem 0 0;
vertical-align: middle;
}
`);