All files / src/features/GiveTransfers TransfersTableBanner.tsx

100% Statements 3/3
100% Branches 2/2
100% Functions 1/1
100% Lines 3/3

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                              1x                 23x   23x                                      
import { Box } from "@mui/material";
import ProductBannerBase from "features/Products/ProductBannerBase";
import { TRANSFER_BANNER_TITTLE } from "@pages/ManageMoney/constants";
import { useTransfersStats } from "@components/Tranfers/hooks/useTransfersStats";
import ManageMoneyActions from "@features/MerchantPortal/ManageMoney/ManageMoneyActions";
 
type Props = {
  search: string;
  actualTotalRows?: number;
  handleSearchChange: (value: string) => void;
  filters?: any;
  sortReduxKey?: string;
  isEmpty: boolean;
};
 
const TransfersTableBanner = ({
  search,
  actualTotalRows,
  handleSearchChange,
  sortReduxKey,
  isEmpty,
}: Props) => {
  const {
    data: { mainStats, sortedStats: stats },
  } = useTransfersStats();
 
  return (
    <Box pb={3}>
      <ProductBannerBase
        mainStats={mainStats}
        parseStats={stats}
        title={TRANSFER_BANNER_TITTLE}
        disableTransformText
      />
      <ManageMoneyActions
        noTransactions={isEmpty && !actualTotalRows}
        handleSearchChange={handleSearchChange}
        search={search}
        sortReduxKey={sortReduxKey}
      />
    </Box>
  );
};
 
export default TransfersTableBanner;