Skip to content

fix: fix forgot password blank page and enable language switching

Overview

This MR fixes a critical issue where the forgot password page was rendering a blank screen and enhances localization across the forgot/reset password flow. It also improves the language switcher behavior to ensure a consistent multilingual experience.


What does this MR do and why?

  • Users encountered a blank page when clicking "Forgot Password"
  • Several user-facing strings were hardcoded and not integrated with the i18n system
  • Language switching did not consistently update all UI elements

Approach:

  • Fixed the root cause of the blank page issue in the forgot password flow
  • Replaced hardcoded strings with i18n keys
  • Updated translation files for all supported languages (English, Hindi, Telugu)
  • Improved language switcher behavior and UI clarity

Trade-offs:

  • Minor refactoring in authentication-related components
  • Increased number of translation keys

Changes Made

  • Fixed blank page issue in forgot password flow
  • Added full i18n support for forgot/reset password pages
  • Updated translation files (EN, HI, TE)
  • Improved language switcher consistency
  • Removed hardcoded strings from components
  • Ensured proper rendering after language change

Technical Details

Root Cause:

  • Rendering issue in forgot password component caused blank screen
  • Hardcoded strings bypassed i18n system, leading to inconsistent translations

Fix:

  • Resolved component rendering issue
  • Integrated all user-facing text with i18n keys
  • Standardized translation key usage across components
  • Updated translation JSON files

Type of Change

  • 🐛 Bug fix (blank page issue)
  • 🎨 UI/UX improvement
  • New feature (localization support)
  • 💥 Breaking change
  • 📝 Documentation update
  • ️ Refactor
  • Performance improvement
  • 🧪 Test update
  • 🔧 Configuration change
  • 🚨 Security fix

Related Issues / References

  • Fixes blank page issue on forgot password
  • Improves localization consistency in auth flow

Screenshots

BEFORE image

AFTER image

image

image


How to Set Up and Validate Locally

  1. Checkout this branch:
git checkout fix/forgot-password-i18n-localization
  1. Install dependencies:
bun install
  1. Run the app:
bun dev
  1. Test flow:
  • Navigate to login page
  • Click "Forgot Password"
  • Verify page loads correctly (no blank screen)
  • Switch languages (English / Hindi / Telugu)
  • Confirm all text updates properly

Testing Done

  • Manual testing completed
  • Unit tests added/updated

Test Cases Covered:

Scenario Expected Result Status
Forgot password page loads Page renders without blank screen
Language switcher UI updates instantly
Reset password flow Fully localized

Code Quality Checklist

Code Standards

  • Code follows project conventions
  • No console.log() or debugger statements
  • No unused code
  • No duplicate code
  • i18n compliance ensured
  • ESLint and Prettier checks pass

Documentation

  • CHANGELOG.md updated

Edited by Lakshmi pavani Challa

Merge request reports

Loading