import computed from "ember-addons/ember-computed-decorators";

export default Ember.Component.extend({
  tagName: "",

  @computed("category")
  showCategoryNotifications(category) {
    return category && this.currentUser;
  },

  @computed()
  categories() {
    return this.site.get("categoriesList");
  },

  @computed("hasDraft")
  createTopicLabel(hasDraft) {
    return hasDraft ? "topic.open_draft" : "topic.create";
  },

  @computed("category.can_edit")
  showCategoryEdit: canEdit => canEdit,

  @computed("filterMode", "category", "noSubcategories")
  navItems(filterMode, category, noSubcategories) {
    // we don't want to show the period in the navigation bar since it's in a dropdown
    if (filterMode.indexOf("top/") === 0) {
      filterMode = filterMode.replace("top/", "");
    }
    return Discourse.NavItem.buildList(category, {
      filterMode,
      noSubcategories
    });
  }
});