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

Para display adjustments (#4924)

Browse Source 
* Tiny menu/tabs/naming adjustments

* Para display adjustments
This commit is contained in:
Jaco Greeff 2021-03-24 18:42:46 +01:00 committed by GitHub
parent bd78840d21
commit 3781af5ae6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 5 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/apps/src/Menu/Grouping.tsx
View File

@ -103,6 +103,8 @@ export default React.memo(styled(Grouping)`
&:hover {
.groupHdr {
box-shadow: 0px 4px 37px rgba(0, 0, 0, 0.08);
padding-bottom: 2rem;
margin-bottom: -2rem;
}
.groupMenu {

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

@ -9,7 +9,7 @@ import type { EventMapInfo, QueuedAction } from './types';
import BN from 'bn.js';
import React, { useCallback, useEffect, useMemo, useState } from 'react';
import { AddressMini, Badge, Expander, ParaLink } from '@polkadot/react-components';
import { AddressMini, Expander, ParaLink } from '@polkadot/react-components';
import { useApi, useCall, useCallMulti, useParaApi } from '@polkadot/react-hooks';
import { BlockToTime } from '@polkadot/react-query';
import { formatNumber } from '@polkadot/util';
@ -88,7 +88,7 @@ function renderAddresses (list?: AccountId[]): JSX.Element[] | undefined {
));
}
function Parachain ({ bestNumber, className = '', id, isScheduled, lastBacked, lastInclusion, lastTimeout, nextAction, sessionValidators, validators }: Props): React.ReactElement<Props> {
function Parachain ({ bestNumber, className = '', id, lastBacked, lastInclusion, lastTimeout, nextAction, sessionValidators, validators }: Props): React.ReactElement<Props> {
const { t } = useTranslation();
const { api } = useApi();
const { api: paraApi } = useParaApi(id);
@ -148,14 +148,6 @@ function Parachain ({ bestNumber, className = '', id, isScheduled, lastBacked, l
return (
<tr className={className}>
<td className='number'><h1>{formatNumber(id)}</h1></td>
<td className='badge'>
{isScheduled && (
<Badge
color='green'
icon='clock'
/>
)}
</td>
<td className='badge together'><ParaLink id={id} /></td>
<td className='number media--1500'>
{validators && validators.length !== 0 && (

2
packages/page-parachains/src/Overview/Parachains.tsx
View File

@ -128,7 +128,7 @@ function Parachains ({ actionsQueue, ids, scheduled }: Props): React.ReactElemen
], optionsMulti);
const headerRef = useRef([
[t('parachains'), 'start', 3],
[t('parachains'), 'start', 2],
['', 'media--1500'],
[t('head'), 'start'],
[t('lifecycle'), 'start media--1100'],