update frontend to work with new api return (#1830)
This commit is contained in:
parent
d8571781ed
commit
a2a795ae77
1 changed files with 13 additions and 9 deletions
|
@ -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>
|
||||||
|
|
Loading…
Reference in a new issue