update frontend to work with new api return (#1830)

This commit is contained in:
mayeaux 2022-07-12 14:53:56 +02:00 committed by GitHub
parent d8571781ed
commit a2a795ae77
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -526,31 +526,35 @@ const OdyseeMembershipPage = (props: Props) => {
<> <>
{/* dont show a monthly Premium membership option (yearly only) */} {/* dont show a monthly Premium membership option (yearly only) */}
{!( {!(
price.recurring.interval === 'month' && price.StripePrice.recurring.interval === 'month' &&
membershipOption.Membership.name === 'Premium' membershipOption.Membership.name === 'Premium'
) && ( ) && (
<> <>
{price.currency === currencyToUse && ( {price.StripePrice.currency === currencyToUse && (
<div> <div>
<h4 className="membership_info"> <h4 className="membership_info">
<b>{__('Interval')}:</b> {convertIntervalVariableToString(price)} <b>{__('Interval')}:</b>{' '}
{convertIntervalVariableToString(price.StripePrice)}
</h4> </h4>
<h4 className="membership_info"> <h4 className="membership_info">
<b>{__('Price')}:</b> {buildCurrencyDisplay(price)} <b>{__('Price')}:</b> {buildCurrencyDisplay(price.StripePrice)}
{price.unit_amount / 100}/{capitalizedInterval(price.recurring.interval)} {price.StripePrice.unit_amount / 100}/
{capitalizedInterval(price.StripePrice.recurring.interval)}
</h4> </h4>
<Button <Button
button="primary" button="primary"
onClick={(e) => purchaseMembership(e, membershipOption, price)} onClick={(e) =>
purchaseMembership(e, membershipOption, price.StripePrice)
}
membership-id={membershipOption.Membership.id} membership-id={membershipOption.Membership.id}
membership-subscription-period={membershipOption.Membership.type} membership-subscription-period={membershipOption.Membership.type}
price-id={price.id} price-id={price.StripePrice.id}
className="membership_button" className="membership_button"
label={__('Join via %interval% membership', { label={__('Join via %interval% membership', {
interval: price.recurring.interval, interval: price.StripePrice.recurring.interval,
})} })}
icon={ICONS.FINANCE} icon={ICONS.FINANCE}
interval={price.recurring.interval} interval={price.StripePrice.recurring.interval}
plan={membershipOption.Membership.name} plan={membershipOption.Membership.name}
/> />
</div> </div>