ghost-portal/packages/react-hooks/src/useBrokerReservations.ts
Daria 4df5c9a8d5
Relay Chain - Coretime Overview UI Tab (#11016)
* exposing coretime wss endpoint to use on relay chain, adjusted hooks to accept api endpoint as a parameter

* adjusting hook calls to new parameters

* added Tag for coretime types, renamed occupancyType to coretimeType

* added cycle progress and cycle end date to summary, fixed the estimation dates

* coretime page draft, added hook for gathering all the coretime information in order to show it on relay chain

* lint

* bumped version

* updated coretime chain summary

* updated summary, added timeslice for the first sale start,

* hook updates to make sure the coretime data is displayed even if workloads are empty, fallback on coreAssignments

* removed unused files

* lint

* tsc

* merging parachainIds with renewalIds

* if there is no record in potential renewals, then the chain has renewed already

* added config for page-coretime

* removed hardcoded regionLength value

* improved function to find out type

* lint

* tsc

* Fix versioning

* fix comments

---------

Co-authored-by: tarikgul <tariksnow37@gmail.com>
2024-10-22 09:38:00 -04:00

39 lines
1.3 KiB
TypeScript

// Copyright 2017-2024 @polkadot/react-hooks authors & contributors
// SPDX-License-Identifier: Apache-2.0
import type { ApiPromise } from '@polkadot/api';
import type { Vec } from '@polkadot/types';
import type { PalletBrokerScheduleItem } from '@polkadot/types/lookup';
import type { Reservation } from './types.js';
import { useEffect, useState } from 'react';
import { createNamedHook, useCall } from '@polkadot/react-hooks';
import { processHexMask } from './utils/dataProcessing.js';
function useBrokerReservationsImpl (api: ApiPromise, ready: boolean): Reservation[] | undefined {
const reservations = useCall<[any, Vec<Vec<PalletBrokerScheduleItem>>[]]>(ready && api?.query.broker.reservations);
const [state, setState] = useState<Reservation[]>();
useEffect((): void => {
if (!reservations) {
return;
}
setState(
reservations.map((info: PalletBrokerScheduleItem[]) => {
return {
mask: processHexMask(info[0]?.mask),
maskBits: processHexMask(info[0]?.mask)?.length ?? 0,
task: info[0]?.assignment?.isTask ? info[0]?.assignment?.asTask.toString() : info[0]?.assignment?.isPool ? 'Pool' : ''
};
}
));
}, [reservations]);
return state;
}
export const useBrokerReservations = createNamedHook('useBrokerReservations', useBrokerReservationsImpl);