# Quick Notifications filter

**URL:** https://meta.discourse.org/t/quick-notifications-filter/215632
**Category:** Development
**Created:** [January 22, 2022, 2:09pm UTC](https://meta.discourse.org/t/quick-notifications-filter/215632 "2022-01-22T14:09:01Z")
**Posts on this page:** 6
**Page:** 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: [January 22, 2022, 2:09pm UTC](https://meta.discourse.org/t/quick-notifications-filter/215632/1 "2022-01-22T14:09:01Z")

</div>

Hello,

I try to make a theme component which we can filter the notifications in menu panel. I used as template Kris’s fantastic theme component [New PM Dropdown Button](https://meta.discourse.org/t/add-a-new-message-button-to-the-pm-notification-menu/210093)

It contains two buttons on top of the notifications list All and Unread. Now I can filtering the unread and all notifications.

One more thing left I think. If no unread notifications then these buttons should hidden or show a message when click the Unread button. I try to figure how to make this but unfortunately no success yet. 😕

You can find the repo here: [GitHub - VaperinaDEV/quick-notifications-filter · GitHub](https://github.com/VaperinaDEV/quick-notifications-filter)

Thank you! 🙂

**Edit** : I updated it and added the no unread empty state. I’m sure there is much better way to do this but for now this is my best. I try to train myself more and make better ones. 🙂

---

<div class="post-metadata">

### Author: ![Mr.X\_Mr.X](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mr.x_mr.x/32/126610_2.png) [@Mr.X\_Mr.X](https://meta.discourse.org/u/Mr.X_Mr.X)
#### Post date: [January 22, 2022, 3:00pm UTC](https://meta.discourse.org/t/quick-notifications-filter/215632/2 "2022-01-22T15:00:07Z")

</div>

@Don strikes again with an awesome feature.

---

<div class="post-metadata">

### Author: ![anon40545810](https://avatars.discourse-cdn.com/v4/letter/a/d26b3c/32.png) [@anon40545810](https://meta.discourse.org/u/anon40545810)
#### Post date: [January 23, 2022, 4:10pm UTC](https://meta.discourse.org/t/quick-notifications-filter/215632/3 "2022-01-23T16:10:12Z")

</div>

I think this idea is amazing, I would like to contribute something. I want to translate this to pt-br. The locate version is in English, but I think if we had multiple languages ​​it would be really cool and amazing

#### my initial vision of this idea

 ![image](https://global.discourse-cdn.com/meta/original/3X/4/7/471b7739b818ccd5dc6ad85ed1a6d6ef54856dea.png)

##### Note

I would send a pull request with the locate version in ptbr.

sample content from: `quick-notifications-filter/locales/ptbr.yml`

```plaintext
ptbr:
  notifilter:
    all: "Todas as notificações"
    all_title: "Mostrar todas as notificações"
    unread: "Não lidas"
    unread_title: "Mostrar notificações não lidas"

```

#### Note

If you find this interesting, I’ll send you a locate in ptbr today. Thus, it will have support in addition to English for ptbr.

---

<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: [January 23, 2022, 9:46pm UTC](https://meta.discourse.org/t/quick-notifications-filter/215632/4 "2022-01-23T21:46:14Z")

</div>

Hi @anon40545810 ,  
I made an update and I added a no unread empty state so the language file is also changed. Please feel free to make a PR or send me. Thank you!

---

<div class="post-metadata">

### Author: ![anon40545810](https://avatars.discourse-cdn.com/v4/letter/a/d26b3c/32.png) [@anon40545810](https://meta.discourse.org/u/anon40545810)
#### Post date: [January 23, 2022, 10:57pm UTC](https://meta.discourse.org/t/quick-notifications-filter/215632/5 "2022-01-23T22:57:37Z")

</div>

Pull request sent and thank you very much for the consideration of receiving my pull request.

---

<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: [January 23, 2022, 11:38pm UTC](https://meta.discourse.org/t/quick-notifications-filter/215632/6 "2022-01-23T23:38:29Z")

</div>

Thanks! I merged it: [Merge pull request #1 from nkot56297/patch-1 · VaperinaDEV/quick-notifications-filter@57bebe2 · GitHub](https://github.com/VaperinaDEV/quick-notifications-filter/commit/57bebe260356aa83ecb0c0f9bc581e1dd143ef0e)
