AmountMessages.tsx
53 lines
| 1 | import {createInterpolateElement} from '@wordpress/element'; |
| 2 | import {__} from '@wordpress/i18n'; |
| 3 | import {subscriptionPeriod, SubscriptionPeriod} from "../registrars/templates/groups/DonationAmount/subscriptionPeriod"; |
| 4 | |
| 5 | /** |
| 6 | * Returns the donor-facing message for a fixed amount donation. |
| 7 | * |
| 8 | * @since 3.0.0 |
| 9 | */ |
| 10 | export function OneTimeAmountMessage({amount}: {amount: string}) { |
| 11 | return createInterpolateElement(__('This donation is <amount/>', 'give'), { |
| 12 | amount: <strong>{amount}</strong>, |
| 13 | }); |
| 14 | } |
| 15 | |
| 16 | /** |
| 17 | * Returns the donor-facing message for a recurring donation. |
| 18 | * |
| 19 | * @since 3.0.0 |
| 20 | */ |
| 21 | export function RecurringAmountMessage({ |
| 22 | isFixedAmount, |
| 23 | fixedAmount, |
| 24 | period, |
| 25 | frequency, |
| 26 | installments, |
| 27 | }: { |
| 28 | isFixedAmount: boolean; |
| 29 | fixedAmount: string; |
| 30 | period: subscriptionPeriod; |
| 31 | frequency: number; |
| 32 | installments: number; |
| 33 | }) { |
| 34 | const subscriptionPeriod = new SubscriptionPeriod(period); |
| 35 | |
| 36 | const translatableString = !installments |
| 37 | ? __('This donation <amount /> every <period />.', 'give') |
| 38 | : __('This donation <amount /> every <period /> for <count /> <donations />.', 'give'); |
| 39 | |
| 40 | return createInterpolateElement(translatableString, { |
| 41 | amount: isFixedAmount ? ( |
| 42 | <span> |
| 43 | {__('is', 'give')} <strong>{fixedAmount}</strong> |
| 44 | </span> |
| 45 | ) : ( |
| 46 | <span>{__('repeats', 'give')}</span> |
| 47 | ), |
| 48 | period: <strong>{subscriptionPeriod.label().get(frequency)}</strong>, |
| 49 | count: <strong>{installments}</strong>, |
| 50 | donations: <strong>{__('donations', 'give')}</strong>, |
| 51 | }); |
| 52 | } |
| 53 |