All files / src/features/GiveRiskProfile/Overview/components FalsePositiveModal.tsx

100% Statements 8/8
50% Branches 2/4
100% Functions 2/2
100% Lines 8/8

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 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53            1x               6x 6x 6x   6x 1x 1x   6x                                                            
import useNiceModal from "@common/Modal/ModalFactory/hooks/useNiceModal";
import { useTransactionHistory } from "@components/ManageMoney/TransactionTable/TransactionInfoModal/hooks";
import NiceModal from "@ebay/nice-modal-react";
import GivePopup from "@shared/Popup/GivePopup";
import { useCustomThemeV2 } from "@theme/hooks/useCustomThemeV2";
 
const FalsePositiveModal = NiceModal.create(
  ({
    id,
    handleSuccess,
  }: {
    id: string;
    handleSuccess: (id: string) => void;
  }) => {
    const { isMobileView } = useCustomThemeV2();
    const { open, onRemove } = useNiceModal();
    const { displayedData, isLoading } = useTransactionHistory(id, false);
 
    const handleFalsePositive = () => {
      handleSuccess(displayedData?.originalPurchaseTransactionID || id);
      onRemove();
    };
    return (
      <GivePopup
        type="success"
        iconType="success"
        isMobile={isMobileView}
        open={open}
        buttons={[
          { label: "Cancel", variant: "ghost", onClick: onRemove },
          {
            label: "Yes, Mark False Positive",
            onClick: handleFalsePositive,
            variant: "filled",
            color: "primary",
            disabled: isLoading,
          },
        ]}
        paperSx={{
          ...(isMobileView && {
            maxHeight: "fit-content !important",
          }),
        }}
        onClose={onRemove}
        description="Are you sure you want to mark this transaction as a false positive?"
        title="Mark Transaction as False Positive"
      />
    );
  },
);
 
export default FalsePositiveModal;