eacf028ba6
* Use .js imports in src * Additional * Additional * Additional * Additional * Additional * Additional * Additional * Additional * Additional * Additional * Additional * Additional * Additional * Add WP extension aliases * Bump dev * Additional * Additional * Adjust extensionAlias order
35 lines
1.3 KiB
TypeScript
35 lines
1.3 KiB
TypeScript
// Copyright 2017-2023 @polkadot/react-hooks authors & contributors
|
|
// SPDX-License-Identifier: Apache-2.0
|
|
|
|
import type { SubmittableExtrinsicFunction } from '@polkadot/api/types';
|
|
import type { SignedBlockExtended } from '@polkadot/api-derive/types';
|
|
|
|
import { useEffect, useState } from 'react';
|
|
|
|
import { createNamedHook } from './createNamedHook.js';
|
|
import { useApi } from './useApi.js';
|
|
import { useCall } from './useCall.js';
|
|
import { useIsMountedRef } from './useIsMountedRef.js';
|
|
import { useMemoValue } from './useMemoValue.js';
|
|
|
|
type ExtrinsicCheck = SubmittableExtrinsicFunction<'promise'> | false | undefined | null;
|
|
|
|
function useExtrinsicTriggerImpl (checks: ExtrinsicCheck[]): string {
|
|
const { api } = useApi();
|
|
const [trigger, setTrigger] = useState('0');
|
|
const mountedRef = useIsMountedRef();
|
|
const memoChecks = useMemoValue(checks);
|
|
const block = useCall<SignedBlockExtended>(api.derive.chain.subscribeNewBlocks);
|
|
|
|
useEffect((): void => {
|
|
mountedRef.current && block && block.extrinsics && block.extrinsics.filter(({ extrinsic }) =>
|
|
extrinsic &&
|
|
memoChecks.some((c) => c && c.is(extrinsic))
|
|
).length && setTrigger(() => block.createdAtHash?.toHex() || '');
|
|
}, [block, memoChecks, mountedRef]);
|
|
|
|
return trigger;
|
|
}
|
|
|
|
export const useExtrinsicTrigger = createNamedHook('useExtrinsicTrigger', useExtrinsicTriggerImpl);
|