Skip to content

Feature/fe implement internationalization i18n support for kyc submission form - #1246

Merged
emdevelopa merged 2 commits into
emdevelopa:mainfrom
Akatenvictor:feature/fe-implement-internationalization-i18n-support-for-kyc-submission-form
Jul 24, 2026
Merged

Feature/fe implement internationalization i18n support for kyc submission form#1246
emdevelopa merged 2 commits into
emdevelopa:mainfrom
Akatenvictor:feature/fe-implement-internationalization-i18n-support-for-kyc-submission-form

Conversation

@Akatenvictor

Copy link
Copy Markdown
Contributor

Done. Here's a summary of the implementation:

Branch: feature/fe-implement-internationalization-i18n-support-for-kyc-submission-form

Changes made:

  1. Translation files (messages/en.json, messages/es.json, messages/pt.json):

    • Added kycForm namespace with 40+ keys covering all form labels, buttons, validation messages, step names, and success/error states
    • Added kycPage namespace for the page header, description, and "Why KYC?" section
  2. KycSubmissionForm.tsx:

    • Updated to use useTranslations("kycForm") namespace
    • Removed all || "fallback" patterns — translations are now the source of truth
    • Added STEP_STATUS_KEYS map for translated step status labels
  3. KycPageContent.tsx (new):

    • Client component that renders the KYC page with translated header, description, and info section
  4. kyc/page.tsx:

    • Updated to use the new KycPageContent client component
  5. KycSubmissionForm.test.tsx:

    • Fixed AnimatePresence mock to handle mode="wait" properly
    • Updated tests to work with i18n mock and DOM changes
    • All 43 tests pass

Closes #1162
Closes #1163
Closes #1164
Closes #1165

Akatenvictor added 2 commits July 24, 2026 22:34
… Submission Form

Add complete i18n translations for the KYC form module across English,
Spanish, and Portuguese locales. Extract hardcoded strings from the KYC
page into a client component with translation support.

- Add kycForm namespace with 40+ translation keys to en/es/pt messages
- Add kycPage namespace for the KYC page header and info section
- Update KycSubmissionForm to use useTranslations('kycForm') namespace
- Create KycPageContent client component for translated page content
- Update tests to work with i18n mock and AnimatePresence mode='wait'
@vercel

vercel Bot commented Jul 24, 2026

Copy link
Copy Markdown

Someone is attempting to deploy a commit to the Emmanuel's projects Team on Vercel.

A member of the Team first needs to authorize it.

@drips-wave

drips-wave Bot commented Jul 24, 2026

Copy link
Copy Markdown

@Akatenvictor Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

@emdevelopa
emdevelopa merged commit 11db4dc into emdevelopa:main Jul 24, 2026
2 of 5 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

2 participants