# How to display {{navigation-bar}} on users page

**URL:** https://meta.discourse.org/t/how-to-display-navigation-bar-on-users-page/129469
**Category:** Development
**Created:** [September 25, 2019, 11:46am UTC](https://meta.discourse.org/t/how-to-display-navigation-bar-on-users-page/129469 "2019-09-25T11:46:20Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![fzngagan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fzngagan/32/259349_2.png) [@fzngagan](https://meta.discourse.org/u/fzngagan)
#### Post date: [September 25, 2019, 11:46am UTC](https://meta.discourse.org/t/how-to-display-navigation-bar-on-users-page/129469/1 "2019-09-25T11:46:20Z")

</div>

Right now, I am working on a theme component requiring `{{navigation-bar}}` on the `/u` route.

**The goal is to add a navigation bar to the users page, so that the user can navigate to and from `latest` and `categories` while still staying on users page.**

I’m using `users-top` pugin outlet to show the component and adding custom nav item using a hack.(addNavigationBarItem doesn’t seem to work for custom navigation-bar) but I’m getting console errors.

I would like to know what I’m missing here and also, if there’s a simpler way to achieve this

Here’s my code.

[https://github.com/fzngagan/user-page-navigation](https://github.com/fzngagan/user-page-navigation)

---

<div class="post-metadata">

### Author: ![fzngagan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fzngagan/32/259349_2.png) [@fzngagan](https://meta.discourse.org/u/fzngagan)
#### Post date: [September 26, 2019, 4:28pm UTC](https://meta.discourse.org/t/how-to-display-navigation-bar-on-users-page/129469/2 "2019-09-26T16:28:41Z")

</div>

Ok I got this. Actually @angus helped me out with this. The way to pass `navItems` to the `{{navigation-bar}}` is

```plaintext
const filterMode = 'users';
const navItems = Discourse.NavItem.buildList(null, { filterMode });

 this.setProperties({
      navItems,
      filterMode
    });

```

The key here was to add a `filterMode`. With this the `addNavigationBarItem` also works.