From f5fa8e1467dc286dbe0e05ef68628792cea0e2cc Mon Sep 17 00:00:00 2001
From: Serge <dasilvasoa@gmail.com>
Date: Tue, 2 Jul 2024 09:50:23 +0200
Subject: [PATCH] fix: add class names to status

---
 projects/status/src/status.component.html | 8 ++++----
 projects/status/src/status.model.ts       | 2 ++
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/projects/status/src/status.component.html b/projects/status/src/status.component.html
index ef772335..d63b6921 100644
--- a/projects/status/src/status.component.html
+++ b/projects/status/src/status.component.html
@@ -1,14 +1,14 @@
-<snackbar *ngIf="status" alignment="bottom right" [class.hasInfo]="!!status.technicalText" class="snackbar snackbar-{{status.type}}">
+<snackbar *ngIf="status" alignment="bottom right" [class.hasInfo]="!!status.technicalText" class="snackbar snackbar-{{status.type}} {{status.className}}">
     <mat-icon *ngIf="statusIcon">{{statusIcon}}</mat-icon>
     <span>
         <b>{{status.title}}</b>
         <p *ngIf="status.text" [innerHTML]="status.text"></p>
         <div class="user-defined-actions" *ngIf="status.actions?.length">
-            <button type="button" *ngFor="let action of status.actions" mat-button (click)="executeAction(action)">{{action.label}}</button>
+            <button type="button" *ngFor="let action of status.actions" mat-button (click)="executeAction(action)" [class]="action.className">{{action.label}}</button>
         </div>
         <span class="action-container">
-            <mat-icon inline (click)="displayDetailedStatus$.next(status)" *ngIf="status.technicalText">info</mat-icon>
-            <mat-icon inline (click)="close.next()">close</mat-icon>
+            <mat-icon class="info" inline (click)="displayDetailedStatus$.next(status)" *ngIf="status.technicalText">info</mat-icon>
+            <mat-icon class="close" inline (click)="close.next()">close</mat-icon>
         </span>
     </span>
 </snackbar>
diff --git a/projects/status/src/status.model.ts b/projects/status/src/status.model.ts
index bbebfda4..93423e71 100644
--- a/projects/status/src/status.model.ts
+++ b/projects/status/src/status.model.ts
@@ -3,6 +3,7 @@ export type StatusType = 'info' | 'primary' | 'success' | 'warn' | 'danger';
 export interface StatusAction {
     label: string;
     terminal?: boolean;
+    className?: string;
     callback: () => void;
 }
 
@@ -14,5 +15,6 @@ export interface Status {
     date?: Date;
     originalError?: unknown;
     duration?: number;
+    className?: string;
     actions?: readonly StatusAction[];
 }