ghost-portal/packages/react-hooks/src/useEventTrigger.ts
Jaco Greeff 024c03ba9b
Crowdloans (#4613)
* Crowdloans

* update icon

* crowdloads -> crowdloan

* Overview start

* Fund indexes

* Fund displays stucture

* Fund view

* Fund view expanded

* Update packages/page-crowdloan/src/useFundIndexes.ts

* Add skeleton

* useEventTrigger

* Cleanups

* Fund proposal

* Registrar

* Adjust current versions

* Update README.md
2021-02-06 11:24:04 +01:00

38 lines
1.2 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 (events: 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, phase }) =>
event && phase?.isApplyExtrinsic &&
events.some((check) => check && (
isString(check)
? event.section === check
: check.is(event)
))
).length;
mountedRef.current && count && setTrigger(Date.now());
}, [eventRecords, events, mountedRef]);
return trigger;
}