Skip to content

fix: correct hindi translation issue in login page

Swarna rathna madhuri Kanda requested to merge fix-loginpage-language into develop

Overview

This MR fixes an issue in the login page where Hindi translations were not displaying correctly. When users selected Hindi, the UI showed blank text instead of labels.

What does this MR do and why?

The issue occurred because some Hindi translation keys were missing or not properly mapped. Due to this, the UI was rendering empty values when Hindi was selected.

This MR ensures that all required translation keys are properly added and aligned with English, so that the login page displays correct text in Hindi.

Changes Made

  • Fixed missing/incorrect translation keys in hi.json
  • Ensured key consistency with en.json
  • Updated login page to properly use translation keys
  • Verified fallback behavior for missing keys

Technical Details

Root Cause:

  • Missing or mismatched translation keys in Hindi (hi.json)
  • UI attempted to render keys that had no values, resulting in blank text

Fix:

  • Added missing keys and corrected mappings
  • Ensured all login-related keys exist in Hindi
  • Verified fallback to English when needed

Type of Change

  • 🐛 Bug fix (non-breaking change that fixes an issue)

Related Issues / References

related to #260 (closed)

Screenshots or Screen Recordings

before!

Screenshot_from_2026-03-25_11-15-57

after

Screenshot_from_2026-03-25_11-51-05

How to Set Up and Validate Locally

  1. Checkout this branch

  2. Install dependencies:

    bun install

  3. Run the app:

    bun dev

  4. Open:

    • http://localhost:5173

  5. Navigate to Login page

  6. Switch language to Hindi

Expected behavior: All labels and buttons should display correctly in Hindi (no blank text)

Testing Done

  • Manual testing completed
  • Unit tests verified

Test Cases Covered:

Scenario Expected Result Status
Switch to Hindi Text should appear correctly ✅
Check empty labels No blank text ✅
Switch back to English Works correctly ✅

Code Quality Checklist

Code Standards

  • Code follows project conventions
  • No console logs or unused code
  • i18n check passed
  • ESLint/Prettier checks pass

React Best Practices

  • Proper component usage
  • No unnecessary re-renders
  • Clean state handling

Error Handling

  • No crashes due to missing keys
  • Proper fallback handling

Documentation

  • CHANGELOG.md updated

Known Limitations / Technical Debt

  • Other modules may need similar validation for translation completeness

Additional Notes

  • English and Telugu were working correctly
  • Issue was isolated to Hindi translation file
  • Fix ensures consistent multilingual experience

MR Acceptance Checklist

Edited by Ahlad Pataparla

Merge request reports