fix: Support us translations (#2010)

Author: sashko9807

public/locales/bg/donation-flow.json

@@ -74,7 +74,9 @@
         "bank-instructions2": "Разчитаме на Вас да си направите профил или да ни оставите email на следващaтa стъпкa, за да можем да свържем дарението с Вашия потребителски профил. Благодарим предварително!",
         "bank-details": "Детайли на банкова сметка",
         "btn-copy": "Копирай",
+        "owner_name": "Получател:",
         "owner": "Сдружение Подкрепи БГ",
+        "bank_name": "Банка:",
         "bank": "Уникредит Булбанк",
         "reason-donation": "Като основание за превод въведете",
         "message-warning": "Ако не въведете точно основанието, може да не успеем да разпределим парите към предназначената кампания",

public/locales/en/donation-flow.json

@@ -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.",

src/components/client/support-us-form/SupportUsForm.tsx

@@ -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'),
@@ -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"
@@ -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"
@@ -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"