ghost-portal/packages/react-hooks/src/useEventTrigger.ts
Jaco Greeff 47590a2fdb
Retrieve upcoming via actionsQueue (#4810)
* Retrieve upcoming via actionsQueue

* useEventTrigger on global & extrinsic events
2021-03-10 16:15:41 +01:00

37 lines
1.1 KiB
TypeScript

// Copyright 2017-2021 @polkadot/react-hooks authors & contributors
// SPDX-License-Identifier: Apache-2.0
import type { AugmentedEvent } from '@polkadot/api/types';
import type { EventRecord } from '@polkadot/types/interfaces';
import { useEffect, useState } from 'react';
import { isString } from '@polkadot/util';
import { useApi } from './useApi';
import { useCall } from './useCall';
import { useIsMountedRef } from './useIsMountedRef';
type EventCheck = AugmentedEvent<'promise'> | string | false | undefined | null;
export function useEventTrigger (checks: EventCheck[]): number {
const { api } = useApi();
const [trigger, setTrigger] = useState(() => Date.now());
const mountedRef = useIsMountedRef();
const eventRecords = useCall<EventRecord[]>(api.query.system.events);
useEffect((): void => {
const count = eventRecords && eventRecords.filter(({ event }) =>
event && checks.some((check) => check && (
isString(check)
? event.section === check
: check.is(event)
))
).length;
mountedRef.current && count && setTrigger(Date.now());
}, [eventRecords, checks, mountedRef]);
return trigger;
}