Function BuyCore

packages/shared/src/components/cores/BuyCore.tsx:26–68

({
  onBuyCoresClick,
  amount,
  priceFormatted,
  origin,
  pid,
}: BuyCoreProps)

};

export const BuyCore = ({
  onBuyCoresClick,
  amount,
  priceFormatted,
  origin,
  pid,
}: BuyCoreProps): ReactElement => {
  const isMobile = useViewSize(ViewSize.MobileL);
  const params = new URLSearchParams();
  if (pid) {
    params.append('pid', pid);
  }

  if (origin) {
    params.append('origin', origin);
  }

  const href = getPathnameWithQuery(
    `${webappUrl}cores${isMobile ? '/payment' : ''}`,
    params,
  );

  return (
    <Link href={href}>
      <a
        href={href}
        className="btn btn-tertiaryFloat flex flex-1 flex-col items-center rounded-14 p-2"
        onClick={() => onBuyCoresClick({ amount, origin })}
      >
        <CoreIcon size={IconSize.XLarge} className="mb-1" />
        <Typography type={TypographyType.Title3} bold>
          {formatCoresCurrency(amount)}
        </Typography>
        <Typography
          type={TypographyType.Caption2}
          color={TypographyColor.Tertiary}
        >
          {typeof priceFormatted !== 'undefined' ? priceFormatted : '~'}
        </Typography>
      </a>
    </Link>
  );
};