¿Cómo ocultar globalmente los campos de moneda/cantidad en una aplicación React + Rails en función de los permisos del usuario?
Estoy trabajando en una aplicación construida con React 19 (frontend) y Ruby on Rails 5.0.7.2 (backend).
El requisito es ocultar todos los campos de moneda/monto en la interfaz de usuario en función de los permisos del usuario.
El backend proporciona una marca booleana (por ejemplo, can_view_amount: true/false) que indica si el usuario que ha iniciado sesión tiene permiso para ver los campos de cantidad.
Si el usuario no tiene permiso, todos los campos de cantidad de la aplicación deben estar ocultos.
Esto debe implementarse de una manera escalable y preparada para el futuro:
Debe ser una implementación única, no algo que tengamos que volver a implementar manualmente en cada nueva pantalla.
Incluso si se agregan nuevas pantallas en el futuro que muestran cantidades, la misma lógica debería aplicarse automáticamente sin que los desarrolladores se olviden de manejarla.
Pregunta:
¿Cuál sería el mejor enfoque arquitectónico o patrón de diseño para implementar esto?
Estoy considerando:
Un contenedor o componente global para mostrar cantidades (que comprueba internamente los permisos antes de renderizar).
Un componente de orden superior (HOC) o una solución de React Context para controlar la visibilidad.
Cualquier sugerencia del lado de Rails para estructurar el indicador de permiso para que se integre limpiamente con la interfaz.
¿Alguien ha resuelto un problema similar y cuál es la forma más fácil de mantener para garantizar que los campos de cantidad estén ocultos de manera consistente en la aplicación en función de los permisos?
