ghost-portal/packages/react-hooks/src/useBrokerStatus.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

35 lines
1.2 KiB
TypeScript

// Copyright 2017-2024 @polkadot/react-query authors & contributors
// SPDX-License-Identifier: Apache-2.0
import type { ApiPromise } from '@polkadot/api';
import type { Option } from '@polkadot/types';
import type { PalletBrokerStatusRecord } from '@polkadot/types/lookup';
import type { BrokerStatus } from './types.js';
import { useEffect, useState } from 'react';
import { createNamedHook, useCall } from '@polkadot/react-hooks';
function useBrokerStatusImpl (api: ApiPromise, ready: boolean): BrokerStatus | undefined {
const status = useCall<Option<PalletBrokerStatusRecord>>(ready && api?.query.broker?.status);
const [state, setState] = useState<BrokerStatus | undefined>();
useEffect((): void => {
if (!!status && status.isSome) {
const s = status.unwrap();
setState({
coreCount: s.coreCount?.toNumber(),
lastCommittedTimeslice: s.lastCommittedTimeslice?.toNumber(),
lastTimeslice: s.lastTimeslice?.toNumber(),
privatePoolSize: s.privatePoolSize?.toNumber(),
systemPoolSize: s.systemPoolSize?.toNumber()
});
}
}, [status]);
return state;
}
export const useBrokerStatus = createNamedHook('useBrokerStatus', useBrokerStatusImpl);