Files
pezkuwi-apps/packages/react-hooks/src/useExtrinsicTrigger.ts
T

35 lines
1.3 KiB
TypeScript

// Copyright 2017-2026 @pezkuwi/react-hooks authors & contributors
// SPDX-License-Identifier: Apache-2.0
import type { SubmittableExtrinsicFunction } from '@pezkuwi/api/types';
import type { SignedBlockExtended } from '@pezkuwi/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?.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);