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 + 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; }