chore: differentiate identical maintenance schedule names (#162) #174
Reference in New Issue
Block a user
Delete Branch "%!s()"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
Relates to #162
Severity: Medium
Problem
All three maintenance schedules are named "Routine Maintenance" with green "Active" badges. There's no way to differentiate them at a glance without reading the sub-details.
Recommendation
Acceptance Criteria
Implementation Plan (from #162 -- Milestone 14)
Phase: 6 (Maintenance fixes) | Priority: Medium | Depends on: None | Blocks: None
Context
Multiple maintenance schedules display as just their category name (e.g., "Routine Maintenance"), making them indistinguishable when a vehicle has several schedules in the same category.
Implementation
1. In
frontend/src/features/maintenance/components/MaintenanceSchedulesList.tsx:getCategoryDisplayName(schedule.category)to show the service type prominently{serviceType} -- {category}(e.g., "Fluid-Differential -- Routine Maintenance") using an em-dash separatorserviceTypeis empty, fall back to category name alone (no change from current behavior)Files
frontend/src/features/maintenance/components/MaintenanceSchedulesList.tsxCommit Convention
Test Criteria
Branch
Work on branch
issue-162-ux-design-audit-cleanup(shared with all #162 sub-issues)Milestone: Implementation Complete
Phase: Execution | Agent: Developer | Status: PASS
Changes
MaintenanceSchedulesList.tsxto display service types (subtypes) as the primary label{subtypes} — {category}(e.g., "Fluid-Differential — Routine Maintenance")flexWrap: 'wrap'to heading container for mobile responsivenessVerification
afd4583Verdict: PASS | Next: Move to status/done