Function AwardButton

packages/shared/src/components/award/AwardButton.tsx:31–87

({
  type,
  className,
  entity,
  pressed,
  variant = ButtonVariant.Tertiary,
  post,
  flags,
  copy,
}: AwardButtonProps)

  copy?: string;
} & Pick<ButtonProps<'button'>, 'pressed' | 'variant'>;
export const AwardButton = ({
  type,
  className,
  entity,
  pressed,
  variant = ButtonVariant.Tertiary,
  post,
  flags,
  copy,
}: AwardButtonProps): ReactElement | null => {
  const { user, showLogin } = useAuthContext();
  const { openModal } = useLazyModal();

  const openGiveAwardModal = () => {
    if (!user) {
      return showLogin({ trigger: AuthTriggers.GiveAward });
    }

    return openModal({
      type: LazyModal.GiveAward,
      props: {
        type,
        entity,
        post,
        flags,
      },
    });
  };

  if (user && entity.receiver?.id === user.id) {
    return null;
  }

  return (
    <Tooltip
      content={
        pressed
          ? `You already awarded this ${type.toLowerCase()}!`
          : `Award this ${type.toLowerCase()}`
      }
    >
      <div>
        <Button
          pressed={pressed}
          size={ButtonSize.Small}
          icon={<MedalBadgeIcon secondary />}
          className={classNames(className, pressed && 'pointer-events-none')}
          variant={variant}
          color={ButtonColor.Cabbage}
          onClick={openGiveAwardModal}
        >
          {copy}
        </Button>
      </div>
    </Tooltip>
  );
};