All files / src/components/ManageMoney/TransactionTable/TransactionInfoModal MoreActionButton.tsx

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

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          43x         2x                                          
import { HorizontalMoreIcon } from "@assets/icons/RebrandedIcons";
import { IconButton } from "@common/IconButton";
import { ButtonProps } from "@mui/material";
import { palette } from "@palette";
 
export const MoreActionButton = ({
  onClick,
  testId,
  ...props
}: { onClick: any; testId?: string } & ButtonProps) => {
  return (
    <IconButton
      size="small"
      sx={{
        marginLeft: "auto",
        border: "none",
        boxShadow: "none",
        background: "inherit",
        width: "fit-content !important",
        "&:hover": {
          background: palette.neutral[20],
        },
      }}
      onClick={onClick}
      {...props}
      data-testid={testId || "more-action-button"}
    >
      <HorizontalMoreIcon width={20} height={20} fill={palette.black[100]} />
    </IconButton>
  );
};