ghost-portal/packages/page-staking2/src/useSessionInfo.ts
Jaco 6ecccdc031
Additional alignment of staking UI layout (#8828)
* Additional alignment of staking UI layout

* Allow for validator tagging & sorting

* Adjust flag injection (re-create object)

* currentEra for staking queries

* Pass SessionInfo structure

* Display badges

* Adjust flags

* Adjust status media

* Badge background adjustments

* Don't do additional table split

* Adjust table split
2023-01-17 11:30:34 +02:00

38 lines
1.2 KiB
TypeScript

// Copyright 2017-2023 @polkadot/app-staking authors & contributors
// SPDX-License-Identifier: Apache-2.0
import type { Option, u32 } from '@polkadot/types';
import type { PalletStakingActiveEraInfo } from '@polkadot/types/lookup';
import type { BN } from '@polkadot/util';
import type { SessionInfo } from './types';
import { useMemo } from 'react';
import { createNamedHook, useApi, useCall } from '@polkadot/react-hooks';
const OPT_ACTIVEERA = {
transform: (activeEra: Option<PalletStakingActiveEraInfo>): BN | null =>
activeEra.isSome
? activeEra.unwrap().index
: null
};
const OPT_CURRENTERA = {
transform: (currentEra: Option<u32>): BN | null =>
currentEra.unwrapOr(null)
};
function useSessionInfoImpl (): SessionInfo {
const { api } = useApi();
const activeEra = useCall(api.query.staking.activeEra, undefined, OPT_ACTIVEERA);
const currentEra = useCall(api.query.staking.currentEra, undefined, OPT_CURRENTERA);
const currentSession = useCall<u32>(api.query.session.currentIndex);
return useMemo(
() => ({ activeEra, currentEra, currentSession }),
[activeEra, currentEra, currentSession]
);
}
export default createNamedHook('useSessionInfo', useSessionInfoImpl);