feat: Rebranded toast designs

src/app/core/models/snackbar-properties.model.ts

@@ -2,6 +2,7 @@ export interface SnackbarProperties {
   data: {
     icon: string;
     showCloseButton: boolean;
+    messageType: 'success' | 'failure' | 'information';
     message: string;
     redirectionText?: string;
   };

src/app/core/services/snackbar-properties.service.ts

@@ -22,15 +22,18 @@ export class SnackbarPropertiesService {
   ): SnackbarProperties {
     if (!snackbarIcon) {
       if (toastMessageType === 'success') {
-        snackbarIcon = 'check-square-fill';
+        snackbarIcon = 'success-toast-icon';
       } else if (toastMessageType === 'failure') {
-        snackbarIcon = 'warning-fill';
+        snackbarIcon = 'failure-toast-icon';
+      } else if (toastMessageType === 'information') {
+        snackbarIcon = 'info-toast-icon';
       }
     }
     return {
       data: {
         icon: snackbarIcon,
         showCloseButton: true,
+        messageType: toastMessageType,
         ...toastMessageData,
       },
       duration: 3000,

src/app/fyle/my-profile/my-profile.page.ts

@@ -474,12 +474,8 @@ export class MyProfilePage {
 
   showToastMessage(message: string, type: 'success' | 'failure'): void {
     const panelClass = type === 'success' ? 'msb-success' : 'msb-failure';
-    let snackbarIcon: string;
-    if (message.toLowerCase().includes('copied')) {
-      snackbarIcon = 'check-circle-outline';
-    }
     this.matSnackBar.openFromComponent(ToastMessageComponent, {
-      ...this.snackbarProperties.setSnackbarProperties(type, { message }, snackbarIcon),
+      ...this.snackbarProperties.setSnackbarProperties(type, { message }),
       panelClass,
     });
     this.trackingService.showToastMessage({ ToastContent: message });