ghost-portal/packages/react-hooks/src/useWorkloadInfos.ts
Daria 7c9f388698
Coretime Chain - Overview UI Tab (#10898)
* 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>
2024-09-10 08:30:41 -04:00

68 lines
2.1 KiB
TypeScript

// Copyright 2017-2024 @polkadot/react-hooks authors & contributors
// SPDX-License-Identifier: Apache-2.0
import type { ApiPromise } from '@polkadot/api';
import type { StorageKey, u32, Vec } from '@polkadot/types';
import type { PalletBrokerScheduleItem } from '@polkadot/types/lookup';
import type { BN } from '@polkadot/util';
import type { CoreWorkload } from './types.js';
import { useEffect, useState } from 'react';
import { createNamedHook, useCall, useMapKeys } from '@polkadot/react-hooks';
import { processHexMask } from './utils/dataProcessing.js';
export function sortByCore<T extends { core: number }> (dataArray?: T | T[]): T[] {
if (!dataArray) {
return [];
}
const sanitized = Array.isArray(dataArray) ? dataArray : [dataArray];
return sanitized.sort((a, b) => a.core - b.core);
}
function extractInfo (info: PalletBrokerScheduleItem[], core: number): CoreWorkload {
const mask: string[] = processHexMask(info[0]?.mask);
const assignment = info[0].assignment;
return {
core,
info: {
isPool: assignment.isPool,
isTask: assignment.isTask,
mask,
maskBits: mask.length,
task: assignment.isTask ? assignment.asTask.toString() : assignment.isPool ? 'Pool' : ''
}
};
}
const OPT_KEY = {
transform: (keys: StorageKey<[u32]>[]): u32[] =>
keys.map(({ args: [core] }) => core)
};
function useWorkloadInfosImpl (api: ApiPromise, ready: boolean): CoreWorkload[] | undefined {
const cores = useMapKeys(ready && api.query.broker.workload, [], OPT_KEY);
const workloadInfo = useCall<[[BN[]], Vec<PalletBrokerScheduleItem>[]]>(ready && api.query.broker.workload.multi, [cores], { withParams: true });
const [state, setState] = useState<CoreWorkload[] | undefined>();
useEffect((): void => {
if (!workloadInfo?.[0]?.[0]) {
return;
}
const cores = workloadInfo[0][0];
setState(
sortByCore(cores.map((core, index) => extractInfo(workloadInfo[1][index], core.toNumber())))
);
}, [workloadInfo]);
return state;
}
export const useWorkloadInfos = createNamedHook('useWorkloadInfos', useWorkloadInfosImpl);