From 173d8570c96a3b1036b9289acbf9253435570b66 Mon Sep 17 00:00:00 2001
From: Eduardo Lopes <155753879+eduardolopesx03@users.noreply.github.com>
Date: Thu, 22 Jan 2026 17:23:19 -0300
Subject: [PATCH] =?UTF-8?q?Adiciona=20filtro=20de=20notifica=C3=A7=C3=B5es?=
 =?UTF-8?q?=20lidas?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/pages/notificacoes/notificacoes.html | 8 ++++++++
 src/app/pages/notificacoes/notificacoes.scss | 6 ++++++
 src/app/pages/notificacoes/notificacoes.ts   | 7 +++++--
 3 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/app/pages/notificacoes/notificacoes.html b/src/app/pages/notificacoes/notificacoes.html
index 74013a9..a90bf0a 100644
--- a/src/app/pages/notificacoes/notificacoes.html
+++ b/src/app/pages/notificacoes/notificacoes.html
@@ -31,6 +31,14 @@
           >
             Vencidas
           </button>
+          <button
+            type="button"
+            class="filter-btn neutral"
+            [class.active]="filter === 'lidas'"
+            (click)="setFilter('lidas')"
+          >
+            Lidas
+          </button>
         </div>
       </div>
 
diff --git a/src/app/pages/notificacoes/notificacoes.scss b/src/app/pages/notificacoes/notificacoes.scss
index 7381235..e071c74 100644
--- a/src/app/pages/notificacoes/notificacoes.scss
+++ b/src/app/pages/notificacoes/notificacoes.scss
@@ -72,6 +72,12 @@
     background: rgba(239, 68, 68, 0.12);
     color: #b91c1c;
   }
+
+  &.neutral.active {
+    border-color: rgba(15, 23, 42, 0.35);
+    background: rgba(15, 23, 42, 0.08);
+    color: #0f172a;
+  }
 }
 
 .state {
diff --git a/src/app/pages/notificacoes/notificacoes.ts b/src/app/pages/notificacoes/notificacoes.ts
index e246808..6c2b0c1 100644
--- a/src/app/pages/notificacoes/notificacoes.ts
+++ b/src/app/pages/notificacoes/notificacoes.ts
@@ -12,7 +12,7 @@ import { NotificationsService, NotificationDto } from '../../services/notificati
 })
 export class Notificacoes implements OnInit {
   notifications: NotificationDto[] = [];
-  filter: 'todas' | 'vencidas' | 'aVencer' = 'todas';
+  filter: 'todas' | 'vencidas' | 'aVencer' | 'lidas' = 'todas';
   loading = false;
   error = false;
 
@@ -32,7 +32,7 @@ export class Notificacoes implements OnInit {
     });
   }
 
-  setFilter(value: 'todas' | 'vencidas' | 'aVencer') {
+  setFilter(value: 'todas' | 'vencidas' | 'aVencer' | 'lidas') {
     this.filter = value;
   }
 
@@ -43,6 +43,9 @@ export class Notificacoes implements OnInit {
     if (this.filter === 'aVencer') {
       return this.notifications.filter(n => n.tipo === 'AVencer');
     }
+    if (this.filter === 'lidas') {
+      return this.notifications.filter(n => n.lida);
+    }
     return this.notifications;
   }