Adding Dynamic Dropdowns for “Modelo” & “Lineup” in Device Detail & Fixing the “TVs sin uso” Card

Adding Dynamic Dropdowns for “Modelo” & “Lineup” in Device Detail & Fixing the “TVs sin uso” Card

TL;DR: I refactored DeviceDetailSheet.tsx to replace static selects with memoized dropdowns limited to known values, and patched dashboard.service.ts to filter out public‑space rooms from the “TVs sin uso” metric. Both changes tighten the UI and improve data accuracy.

The Problem

The Device Detail screen displayed free‑text inputs for Modelo and Lineup. Users could type anything, which polluted our analytics (e.g., “Model‑X”, “modelx”, “Model X”). We needed a controlled list of known values (6 for Modelo, 5 for Lineup) so the UI enforces consistency.

At the same time the “TVs sin uso” card on the dashboard was counting TVs located in public spaces (Balinesas, common areas). Those TVs are never assigned to a guest, so they should be excluded from the “unused TV” calculation. The service layer was pulling every device with zero power‑ons, regardless of location.