Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions public/locales/bg/donation-flow.json
Original file line number Diff line number Diff line change
Expand Up @@ -74,7 +74,9 @@
"bank-instructions2": "Разчитаме на Вас да си направите профил или да ни оставите email на следващaтa стъпкa, за да можем да свържем дарението с Вашия потребителски профил. Благодарим предварително!",
"bank-details": "Детайли на банкова сметка",
"btn-copy": "Копирай",
"owner_name": "Получател:",
"owner": "Сдружение Подкрепи БГ",
"bank_name": "Банка:",
"bank": "Уникредит Булбанк",
"reason-donation": "Като основание за превод въведете",
"message-warning": "Ако не въведете точно основанието, може да не успеем да разпределим парите към предназначената кампания",
Expand Down
2 changes: 2 additions & 0 deletions public/locales/en/donation-flow.json
Original file line number Diff line number Diff line change
Expand Up @@ -78,7 +78,9 @@
"bank-instructions2": "We trust you to register or to leave an email on the next step, so that we can link your donation to your account. Thank you!",
"bank-details": "Details of our bank account:",
"btn-copy": "Copy",
"owner_name": "Recipient:",
"owner": "Association Podkrepi BG",
"bank_name": "Bank:",
"bank": "Unicredit Bulbank",
"reason-donation": "For payment reference use:",
"message-warning": "If you don't enter the exact reference we may not be able to assign the money to the desired campaign.",
Expand Down
31 changes: 15 additions & 16 deletions src/components/client/support-us-form/SupportUsForm.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -11,10 +11,9 @@ export default function SupportUsForm() {
const { t } = useTranslation('donation-flow')

const bankAccountInfo = {
owner: t('third-step.owner_name'),
ownerValue: t('third-step.owner_value'),
bank: t('third-step.bank_name'),
bankValue: t('third-step.bank_value'),
owner: t('step.payment-method.bank.owner_value'),
ownerValue: t('step.payment-method.bank.owner'),
bank: t('step.payment-method.bank.bank'),
bic: BIC,
iban: ibanNumber,
paymentReference: t('support_us:support-us-reference'),
Expand All @@ -24,36 +23,36 @@ export default function SupportUsForm() {
<List component="div" disablePadding>
<Typography variant="body1">{t('support_us:support-info')}</Typography>
<Typography variant="h6" mt={4} mb={1}>
{t('third-step.bank-details')}
{t('step.payment-method.bank.bank-details')}
</Typography>
<Divider />
<Grid container alignItems="center" mt={2} mb={2}>
<Grid my={1} item xs={4}>
<BankDetailsLabel>{t('third-step.owner_name')}</BankDetailsLabel>
<BankDetailsLabel>{t('step.payment-method.bank.owner_name')}</BankDetailsLabel>
</Grid>
<Grid my={1} item xs={5} justifyContent="flex-start">
<Typography>{t('third-step.owner_value')}</Typography>
<Typography>{t('step.payment-method.bank.owner')}</Typography>
</Grid>
<Grid my={1} item xs={3} display="flex" justifyContent="center">
<CopyTextButton
label={t('third-step.btn-copy')}
text={t('third-step.owner_value')}
label={t('step.payment-method.bank.btn-copy')}
text={bankAccountInfo.ownerValue}
variant="contained"
size="small"
color="info"
sx={{ display: 'flex', justifyContent: 'center' }}
/>
</Grid>
<Grid my={1} item xs={4}>
<BankDetailsLabel>{t('third-step.bank_name')}</BankDetailsLabel>
<BankDetailsLabel>{t('step.payment-method.bank.bank_name')}</BankDetailsLabel>
</Grid>
<Grid my={1} item xs={5}>
<Typography>{t('third-step.bank_value')}</Typography>
<Typography>{t('step.payment-method.bank.bank')}</Typography>
</Grid>
<Grid my={1} item display="flex" justifyContent="center" xs={3}>
<CopyTextButton
label={t('third-step.btn-copy')}
text={t('third-step.bank_value')}
label={t('step.payment-method.bank.btn-copy')}
text={bankAccountInfo.bank}
variant="contained"
size="small"
color="info"
Expand Down Expand Up @@ -82,7 +81,7 @@ export default function SupportUsForm() {
</Grid>
<Grid my={1} item display="flex" justifyContent="center" xs={3}>
<CopyTextButton
label={t('third-step.btn-copy')}
label={t('step.payment-method.bank.btn-copy')}
text={bankAccountInfo.bic}
variant="contained"
size="small"
Expand All @@ -91,15 +90,15 @@ export default function SupportUsForm() {
</Grid>
<Grid my={1} item xs={4}>
<BankDetailsLabel my={1} pr={2}>
{t('third-step.reason-donation')}
{t('step.payment-method.bank.reason-donation')}
</BankDetailsLabel>
</Grid>
<Grid my={1} item xs={5}>
<Typography>{bankAccountInfo.paymentReference}</Typography>
</Grid>
<Grid my={1} item display="flex" justifyContent="center" xs={3}>
<CopyTextButton
label={t('third-step.btn-copy')}
label={t('step.payment-method.bank.btn-copy')}
text={bankAccountInfo.paymentReference}
variant="contained"
size="small"
Expand Down
Loading