* added overview page * sanitized task * added workplan table * staged missing files * updated filters * fixed some types * updated mask graph * copyright * linting * install * added relay overview * linting * refactoring hooks * translations * updated coretime deps * updated tsconfig * fixed build * root tsconfig * fix tsconfig * app-coretime and app-broker * filter bug fix * prettied mask bar * updated deps * updated deps broker * removed TS filter and added graph * linting * fixed headers * fixed filter * updated coretime summary * updated relay tables * fixed bulk price display * updated regions * styling * fixed pallet version mismaatch info * fixed expand button * fixed alignment issues * yarn install * integrated some suggestions * linting * updated version * Fix Header on table * Small nit around naming * Usage bar console err fix: NaN * rearranged the layout for page broker on Coretime chain, changed UsageBar element to be more generic * filtering parachains by id * moved a type to a seprate type file * skip build and npm * generated locales * added default ui colours to test chains and kusama * abstracted logic from the rendering * default ui highlight fallback * table responsive - hiding timeslice info from the rows on mobile * version updates for react-components and react-query * exporting defaultHighlight * responsive summary * small fix for workplan filtering * separated coretime chain page * removed unused references * added useBrokerReservations call and marked reserved chains * useBrokerLease, added Legacy Lease type * showing last block for legacy leases * added processing at data retrieval * fix: missing icon * linting * organized files, minor refactor * moved filters out of the Overview componennt * minor refactor * version update * regenerated yarn lock * renamed column * linter :) * ts fixes :) --------- Co-authored-by: bee344 <alberto.penayo@parity.io> Co-authored-by: Alberto Nicolas Penayo <74352651+bee344@users.noreply.github.com> Co-authored-by: tarikgul <tariksnow37@gmail.com>
50 lines
1.7 KiB
TypeScript
50 lines
1.7 KiB
TypeScript
// Copyright 2017-2024 @polkadot/react-hooks authors & contributors
|
|
// SPDX-License-Identifier: Apache-2.0
|
|
|
|
import type { ApiPromise } from '@polkadot/api';
|
|
import type { Option, StorageKey } from '@polkadot/types';
|
|
import type { PalletBrokerRegionId, PalletBrokerRegionRecord } from '@polkadot/types/lookup';
|
|
import type { RegionInfo } from './types.js';
|
|
|
|
import { useEffect, useState } from 'react';
|
|
|
|
import { createNamedHook, useCall, useMapKeys } from '@polkadot/react-hooks';
|
|
|
|
function extractInfo (core: number, start: number, end: number, owner: string, paid: string, mask: `0x${string}`) {
|
|
return {
|
|
core,
|
|
end,
|
|
mask,
|
|
owner,
|
|
paid,
|
|
start
|
|
};
|
|
}
|
|
|
|
const OPT_KEY = {
|
|
transform: (keys: StorageKey<[PalletBrokerRegionId]>[]): PalletBrokerRegionId[] =>
|
|
keys.map(({ args: [regionId] }) => regionId)
|
|
};
|
|
|
|
function useRegionsImpl (api: ApiPromise): RegionInfo[] | undefined {
|
|
const regionKeys = useMapKeys(api.query.broker.regions, [], OPT_KEY);
|
|
|
|
const regionInfo = useCall<[[PalletBrokerRegionId[]], Option<PalletBrokerRegionRecord>[]]>(api.query.broker.regions.multi, [regionKeys], { withParams: true });
|
|
|
|
const [state, setState] = useState<RegionInfo[] | undefined>();
|
|
|
|
useEffect((): void => {
|
|
regionInfo &&
|
|
regionInfo[0][0].length > 0 &&
|
|
setState(
|
|
regionInfo[0][0].map((info, index) =>
|
|
extractInfo(info.core.toNumber(), info.begin.toNumber(), regionInfo[1][index].unwrap().end.toNumber(), regionInfo[1][index].unwrap().owner.toString(), regionInfo[1][index].unwrap().paid.toString(), info.mask.toHex())
|
|
)
|
|
);
|
|
}, [regionInfo]);
|
|
|
|
return state;
|
|
}
|
|
|
|
export const useRegions = createNamedHook('useRegions', useRegionsImpl);
|