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 54 55 56 57 58 59 60 61 62 63 64 65 66 | 100x 100x 100x 100x 100x | import { FEATURE_DENY_MESSAGE } from "@constants/permissions";
import NiceModal from "@ebay/nice-modal-react";
import { useGetCurrentMerchantId } from "@hooks/common";
import { PREVIEW_INVITATION_MODAL } from "modals/modal_names";
import GiveButton from "shared/Button/GiveButton";
import GiveTooltip from "shared/Tooltip/GiveTooltip";
type PreviewInvitationButtonProps = {
title: string;
receiverName?: string;
senderName?: string;
receiverPAHName?: string;
senderLogo?: string;
isSendingToProvider: boolean;
isPAHFromMerchantCreation?: boolean;
};
function PreviewInvitationButton({
title,
receiverName,
senderName,
receiverPAHName,
senderLogo,
isSendingToProvider,
isPAHFromMerchantCreation,
}: PreviewInvitationButtonProps) {
const { selectedUser } = useGetCurrentMerchantId();
const { merchType, userRole } = selectedUser || {};
const isDisabled =
(merchType === "enterprise" || merchType === "provider") &&
userRole === "member";
const handleOnClick = () => {
NiceModal.show(PREVIEW_INVITATION_MODAL, {
receiverName,
senderName,
senderLogo,
isSendingToProvider,
receiverPAHName,
isPAHFromMerchantCreation,
});
};
return (
<GiveTooltip
width="compact"
alignment="left"
title={FEATURE_DENY_MESSAGE}
color="default"
disableHoverListener={!isDisabled}
>
<GiveButton
data-testid="preview-invitation-button"
fullWidth
color="light"
disabled={isDisabled}
onClick={handleOnClick}
label={title}
size="small"
/>
</GiveTooltip>
);
}
export default PreviewInvitationButton;
|