# Adicionar um ícone antes das wikis na lista de tópicos?

**URL:** https://meta.discourse.org/t/add-an-icon-in-front-of-wikis-in-the-topic-list/206888
**Category:** Development
**Created:** [Outubro 24, 2021, 10:05am UTC](https://meta.discourse.org/t/add-an-icon-in-front-of-wikis-in-the-topic-list/206888 "2021-10-24T10:05:38Z")
**Posts on this page:** 1
**Showing post:** 2

<div class="post-metadata">

### Author: ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)
#### Post date: [Outubro 24, 2021, 1:38pm UTC](https://meta.discourse.org/t/add-an-icon-in-front-of-wikis-in-the-topic-list/206888/2 "2021-10-24T13:38:33Z")

</div>

Se você quiser apenas adicionar uma classe ao componente de item da lista de tópicos, pode fazer isso sem modificar o modelo. Você pode usar algo como isto.

```javascript
const discourseComputed = require("discourse-common/utils/decorators").default;

api.modifyClass("component:topic-list-item", {
  pluginId: "add-views-class",
  @discourseComputed()
  unboundClassNames() {
    // registre as propriedades do tópico para ver com o que você pode trabalhar
    console.log(this.topic);
    // herde as classes padrão do núcleo e dos plugins
    let classList = this._super(...arguments);
    // adicione suas novas classes com base em uma propriedade
    if (this.topic.views > 100) {
      classList += " has-many-views";
    }
    // retorne a classList modificada
    return classList;
  }
});

```

Em seguida, um pouco de CSS

```css
.has-many-views {
  background: red;
}

```

Infelizmente, wiki é uma propriedade no nível da postagem, não no nível do tópico. Portanto, ela não é adicionada ao modelo do item da lista de tópicos. Você pode usar uma tag ou criar uma solicitação de recurso para o Discourse adicionar essa classe.

---

_[View the full topic](https://meta.discourse.org/t/add-an-icon-in-front-of-wikis-in-the-topic-list/206888)._