# F NAV - Concepto de componente de tema

**URL:** <https://meta.discourse.org/t/f-nav-theme-component-concept/340226>\
**Category:** Development\
**Created:** [3 Diciembre, 2024 21:59 UTC](https://meta.discourse.org/t/f-nav-theme-component-concept/340226 "2024-12-03T21:59:05Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)\
**Post date:** [3 Diciembre, 2024 21:59 UTC](https://meta.discourse.org/t/f-nav-theme-component-concept/340226/1 "2024-12-03T21:59:06Z")

</div>

Hola 👋

Estoy trabajando en un nuevo componente de tema basado en [Discourse Tab Bar for Mobile](https://meta.discourse.org/t/discourse-tab-bar-for-mobile/75696).

El componente de tema añade la capacidad de usar funciones en las pestañas. Estas funciones ahora pueden ser hamburguesa, notificaciones, búsqueda.

- Hamburguesa: la pestaña abre el menú hamburguesa
- Notificaciones: añade notificaciones a la pestaña
- Búsqueda: abre `/search` basado en el contexto

También modifica los iconos de la cabecera. Elimina la hamburguesa, el menú de usuario, la búsqueda y añade un nuevo avatar DMenu que contiene el contenido del perfil del menú de usuario. Cuando te desplazas hacia abajo, la cabecera se oculta en todas partes excepto en el tema para maximizar la vista.

 ![La imagen muestra una captura de pantalla del perfil de usuario de una aplicación móvil con varias opciones de configuración de tema y publicaciones recientes. (Subtitulado por IA)](https://global.discourse-cdn.com/meta/original/4X/4/a/b/4ab08e15f1330dfe80e59ccde79a93e9aed90c58.jpeg)

* * *

Cambia el icono de la campana de la pestaña de notificaciones a campana-tachada si el modo “no molestar” está activo y añade la hora. También cambia dinámicamente la ruta si hay algo que revisar, entonces redirige a `/review`, de lo contrario va a la página `/notifications`.

 ![Una captura de pantalla de una aplicación Theme Creator que muestra varios temas como "Una guía básica sobre cómo escribir una guía básica", "Seamus el perro surfista" y "Fotos de vacaciones en Narnia". (Subtitulado por IA)](https://global.discourse-cdn.com/meta/original/4X/7/1/d/71daef284590dca0dcdf1bf3a627d8e9af8a0a6a.jpeg)

* * *

Aquí está la demo: [https://discourse.theme-creator.io/theme/Don/f-nav](https://discourse.theme-creator.io/theme/Don/f-nav)

Eso es todo por ahora…

¿Qué opinas? Gracias 🙂

---

_[View the full topic](https://meta.discourse.org/t/f-nav-theme-component-concept/340226)._