All files / app/hooks use-broadcast-tx.ts

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import { StacksTransaction } from '@stacks/transactions';
import { broadcastTransaction, BroadcastTransactionArgs } from '@store/transaction';
import { useCallback, useState } from 'react';
import { useDispatch } from 'react-redux';
 
interface UseBroadcastTxArgs {
  onSuccess(txId: string): Promise<void>;
  onFail(error: any): any;
  tx: StacksTransaction;
}
 
export function useBroadcastTx() {
  const dispatch = useDispatch();
  const [isBroadcasting, setIsBroadcasting] = useState(false);
 
  const broadcastTx = useCallback(
    (args: UseBroadcastTxArgs) => {
      const { onSuccess, onFail, tx } = args;
      const broadcastActions: Omit<BroadcastTransactionArgs, 'transaction'> = {
        onBroadcastSuccess(txid) {
          setIsBroadcasting(false);
          void onSuccess(txid);
        },
        onBroadcastFail(error) {
          setIsBroadcasting(false);
          onFail(error);
        },
      };
      setIsBroadcasting(true);
      dispatch(broadcastTransaction({ ...broadcastActions, transaction: tx }));
    },
    [dispatch]
  );
 
  return { broadcastTx, isBroadcasting };
}