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

37 lines
988 B
TypeScript

// Copyright 2017-2024 @polkadot/react-hooks authors & contributors
// SPDX-License-Identifier: Apache-2.0
import type { OnDemandQueueStatus } from './types.js';
import { useEffect, useState } from 'react';
import { createNamedHook, useApi, useCall } from '@polkadot/react-hooks';
function extractInfo (value: OnDemandQueueStatus) {
return {
freedIndices: value.freedIndices,
nextIndex: value.nextIndex,
smallestIndex: value.smallestIndex,
traffic: value.traffic
};
}
function useQueueStatusImpl (): OnDemandQueueStatus | undefined {
const { api } = useApi();
const queue = useCall<OnDemandQueueStatus>(api.query.onDemandAssignmentProvider.queueStatus);
const [state, setState] = useState<OnDemandQueueStatus | undefined>();
useEffect((): void => {
queue &&
setState(
extractInfo(queue)
);
}, [queue]);
return state;
}
export const useQueueStatus = createNamedHook('useQueueStatus', useQueueStatusImpl);