components transaction-error.tsx

0% Statements 0/8

100% Branches 0/0

0% Functions 0/1

0% Lines 0/7

Press n or j to go to the next uncovered block, b, p or k for the previous block.


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  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { ModalHeader } from './modal-header';
import { TxModalButton, TxModalFooter } from '@modals/send-stx/send-stx-modal-layout';
import { FailedBroadcastError } from '@modals/send-stx/steps/failed-broadcast-error';
import { PostCoreNodeTransactionsError } from '@stacks/stacks-blockchain-api-types';
import React, { FC } from 'react';
 
interface TransactionErrorProps {
  error: PostCoreNodeTransactionsError | null;
  onClose(): void;
  onGoBack(): void;
}
 
export const TransactionError: FC<TransactionErrorProps> = props => {
  const { error, onClose, onGoBack } = props;
  return (
    <>
      <ModalHeader onSelectClose={onClose} />
      <FailedBroadcastError error={error} />
      <TxModalFooter>
        <TxModalButton mode="tertiary" onClick={onClose}>
          Close
        </TxModalButton>
        <TxModalButton onClick={onGoBack}>Try again</TxModalButton>
      </TxModalFooter>
    </>
  );
};