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

Adjust slashes tab availability with counter (#3325)

Browse Source
This commit is contained in:
Jaco Greeff 2020-08-03 18:29:28 +02:00 committed by GitHub
parent ac0a800af6
commit 3e12436623
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
packages/page-staking/src/index.tsx
View File

@ -78,27 +78,23 @@ function StakingApp ({ basePath, className = '' }: Props): React.ReactElement<Pr
},
{
name: 'slashes',
text: t<string>('Slashes')
text: t<string>('Slashes ({{count}})', { replace: { count: slashes.reduce((count, [, unapplied]) => count + unapplied.length, 0) } })
},
{
hasParams: true,
name: 'query',
text: t<string>('Validator stats')
}
].filter((q): q is { name: string; text: string } => !!q), [api, t]);
].filter((q): q is { name: string; text: string } => !!q), [api, slashes, t]);
const hiddenTabs = useMemo(
(): string[] => {
const base = !hasAccounts
return !hasAccounts
? ['actions', 'payouts', 'query']
: !hasQueries
? ['returns', 'query']
: [];
return slashes.length
? base
: base.concat('slashes');
},
[hasAccounts, hasQueries, slashes]
[hasAccounts, hasQueries]
);
useEffect((): void => {