Skip to content

Remove fake system status dropdown from navbar

Problem

The system status dropdown in the navbar (NavBarComponent.vue) displays hardcoded mock data showing fictional government services:

  • "eCitizen Portal", "Tax Filing System", "ID Application", "Business Registration", "Driving License"
  • A "Next Deadline" countdown for tax filing
  • A "View Details" link that emits an event with no corresponding page

This is misleading to users — none of these services exist in GENIE.AI. The dropdown always shows a fake "degraded" state regardless of actual system health.

Analysis

The platform already has real health monitoring in the right place:

  • /api/health — public health check endpoint
  • /admin/system-health — admin-only backend metrics (CPU, storage, uptime, etc.)
  • AdminDashboard.vue — consumes /admin/system-health and displays it to admin users

A system status dropdown in the user-facing navbar is not appropriate for GENIE.AI — this is an admin concern, not an end-user feature.

Solution

Remove the system status dropdown from the navbar entirely:

  • Remove the status indicator button, dropdown, and all related template code (both mobile and desktop)
  • Remove the hardcoded systemStatus and nextDeadline data
  • Remove computed properties: operationalCount, degradedCount, outageCount, totalServices, getStatusDotClass, statusText
  • Remove toggleStatusDropdown() method and click-outside handler for status
  • Remove the viewStatusPage emit and event handling
  • Clean up associated CSS styles
  • Remove unused i18n keys (systemStatus.*, nav.systemStatus)
  • Remove associated locale translations across all 14 language files