Como adicionar um tópico na navegação superior em uma categoria específica?

Suporte
14

Isso parece não funcionar mais após a depreciação de Discourse.NavItem, e alguém mencionou neste post que Links de navegação superior personalizados podem resolver o problema:

No entanto, este componente não cria links dinâmicos onde você deseja verificar a URL do link com base na localização atual.
Para o meu caso de uso, quero definir links diferentes para a página principal e subcategorias, por exemplo, para mostrar um item de navegação com filtro de tag “inacabado/concluído” com base nas categorias atuais. Eu costumava conseguir usar o código abaixo, mas agora não está funcionando:

<script>
Discourse.ExternalNavItem = Discourse.NavItem.extend({
    href : function() {
      return this.get('href');
    }.property('href')
  });

  I18n.translations.en.js.filters.unfinished = { title: "tbc", help: "placeholder" };
  I18n.translations.en.js.filters.finished = { title: "finished", help: "placeholder" };

  Discourse.NavItem.reopenClass({
    buildList : function(category, args) {
      var list = this._super(category, args);
      var url = category ? category.url : "";
      // Menu principal e 2 categorias específicas terão esses 2 itens de navegação com URLs diferentes
      if(!category || (category && url && (url.includes("mix") || url.includes("other")))) {
        var tbc_url = category ? "/tags" + url + "/tbc" : "/tags/tbc";
        var finish_url = category ? "/tags" + url + "/finished" : "/tags/finished";
        
        list.push(Discourse.ExternalNavItem.create({href: tbc_url, name: 'tbc'}));
        list.push(Discourse.ExternalNavItem.create({href: finish_url, name: 'finish'}));
      }
      return list;
    }
  });
</script>
```\nAlguém pode me ajudar a atualizar esse código com base no componente `navigation-item` atual? Ou uma pergunta mais geral: como posso encontrar o uso atual da substituição de `Discourse.NavItem`?

Obrigado!