css for snackbar and fix service

Author: Shayan1375

src/app/shared/components/snack-bar/snackbar.component.scss

@@ -2,8 +2,10 @@
   width: 100%;
   height: 50px;
   display: flex;
-  justify-content: center; /* Center text horizontally */
-  align-items: center; /* Center text vertically */
+  justify-content: center;
+  /* Center text horizontally */
+  align-items: center;
+  /* Center text vertically */
   padding: 0 10px;
   color: white;
 }
@@ -13,16 +15,23 @@
 }
 
 .info-snackbar {
-  background-color: var(--num-color--primary-green); /* Info color */
+  background-color: var(--num-color--primary-green);
+  /* Info color */
 }
 
 .close-icon {
-  margin-left: auto; /* Pushes the close button to the right */
+  margin-left: auto;
+  /* Pushes the close button to the right */
   color: black;
 }
 
 .message-display {
   padding-left: 13%;
   font-size: larger;
   color: rgba(171, 42, 42, 1);
+  font-weight: 500;
+  font-style: Medium;
+  font-size: large;
+  line-height: 100%;
+  letter-spacing: 0%;
 }

src/app/shared/service/Snackbar/Snackbar.service.ts

@@ -36,8 +36,17 @@ export class SnackbarService {
 
   constructor() {}
 
+  /**
+   * @todo implement timer for retry after
+   * @param errorCode
+   * @param retryAfter
+   */
   public displayErrorMessage(errorCode: string, retryAfter: number = 0) {
     const message = `${MessageType.ERROR}.${errorCode}`;
+    // if (retryAfter > 0) {
+    //   message += `${retryAfter}`;
+    //   this.setSnackbarTimeOut(retryAfter * 1000);
+    // }
     this.activateSnackbar(message, SnackbarColor.ERROR);
   }
 
@@ -56,6 +65,10 @@ export class SnackbarService {
     setTimeout(() => this.deactivateSnackbar(), 5000);
   }
 
+  private setSnackbarTimeOut(timeout: number = 5000) {
+    setTimeout(() => this.deactivateSnackbar(), timeout);
+  }
+
   public deactivateSnackbar() {
     this.visibilitySubject.next(false);
   }