KYP page title showing "Page Title" instead of "Know Your Patient"

🐞 Bug Summary

Incorrect page title displayed as "Page Title" instead of "Know Your Patient" in KYP page

📌 Current Behavior

  • When navigating to the Know Your Patient page, the header displays "Page Title"
  • This is due to an incorrect value in the translation key: t('patient:kyp.pageTitle')
  • No console errors, but UI shows wrong title

✅ Expected Behavior

  • The page header should display: "Know Your Patient"
  • The UI should match the intended feature and navigation label

🎯 Impact

  • 🚨 Critical
  • ⚠️ High
  • 📌 Medium
  • ℹ️ Low

Affected Users: volunteer
Affected Modules: Know Your Patient (KYP), Patient Module

🔁 Reproduction Steps

  1. Login as a Volunteer
  2. Navigate to Volunteer Dashboard
  3. Click on Know Your Patient
  4. Observe the page title at the top

Reproduction Rate: [x] Always

🌍 Environment

Does the bug occur on:

  • Local development
  • Staging environment
  • Production environment

🧪 Test-Driven Bug Verification

Bug Reproduction Test Cases

Test ID Test Description Steps to Reproduce Expected Result Actual Result Status
TC-BUG-001 Check KYP page title 1.Login 2.Open KYP page 3.Check title "Know Your Patient" "Page Title" ❌ Fail
TC-BUG-002 Translation key validation 1.Load page 2.Check translation output Correct title Incorrect translation ❌ Fail

Regression Test Cases

Scenario 1: Bug is Fixed Given user navigates to Know Your Patient page
When the page loads
Then the title should display "Know Your Patient"
And no incorrect title should be shown

Scenario 2: No Regression in Related Flow Given user navigates through dashboard
When opening other pages
Then their titles should remain correct

Unit Test Requirements (for fix)

  • Test case that reproduces the bug scenario
  • Test for the edge case that was missed
  • Test for proper error handling
  • Test for correct state management

Components/Functions to Add Tests For:

File Function/Component Test to Add
KYPPage.tsx Header Title Ensure correct title rendering

🔍 Root Cause Analysis

What caused this bug?

  • Incorrect translation value
  • Logic error in component
  • State management issue
  • CSS/Styling issue
  • Other

Technical Details: The translation key patient:kyp.pageTitle is mapped to "Page Title" instead of "Know Your Patient" in the i18n translation file.

✅ Fix Verification Checklist

  • Bug reproduction steps now produce expected behavior
  • All test cases pass
  • No console errors
  • No regressions in related functionality
  • Unit tests added

Browser Testing

Browser Tested Status
Chrome [x] ✅
Firefox [x] ✅
Edge [ ] —
Safari [ ] —

Responsive Testing

Viewport Tested Status
Mobile [ ] —
Tablet [ ] —
Desktop [x] ✅

📎 Additional Context

Screenshots: Before: Shows "Page Title"
After: Shows "Know Your Patient"

Console Errors: None

Additional Notes:

  • Bug caused by incorrect translation value
  • Fix involves updating translation file or hardcoding title