diff --git a/components/Payment/Payment.js b/components/Payment/Payment.js index dc798ef..8d569ae 100644 --- a/components/Payment/Payment.js +++ b/components/Payment/Payment.js @@ -1,6 +1,8 @@ -import { useState } from 'react'; - -import { usePayment, useTrip, useTranslation } from '../../hooks'; +import { + createContext, + useContext, +} from 'react'; +import { usePayment, useTrip, useTranslation, usePaymentTranslations } from '../../hooks'; import { Select } from '../Select'; @@ -8,9 +10,11 @@ import { wrapper, headline, amount, + select, button, } from './Payment.module.css'; +const PaymentContext = createContext({}); export default function Payment() { const { t, formatNumber } = useTranslation(); @@ -18,12 +22,26 @@ export default function Payment() { trip: { cost }, } = useTrip(); const { process } = usePayment(); + const { recipients } = usePaymentTranslations(); + + // Destination is view-only and we'll individually reach out to donors + let { recipient } = useContext(PaymentContext); + recipient = Object.keys(recipients)[0]; return (

{t('paymentHeadline')}

{formatNumber(cost, 2)} €

-