TF-984 Apply new design for toast message when move action

lib/features/email/presentation/email_controller.dart

@@ -481,17 +481,28 @@ class EmailController extends BaseController with AppLoaderMixin {
     mailboxDashBoardController.dispatchState(Right(success));
 
     if (success.moveAction == MoveAction.moving && currentContext != null && currentOverlayContext != null) {
-      _appToast.showToastWithAction(
-          currentOverlayContext!,
-          success.emailActionType.getToastMessageMoveToMailboxSuccess(currentContext!, destinationPath: success.destinationPath),
-          AppLocalizations.of(currentContext!).undo_action, () {
-        _revertedToOriginalMailbox(MoveToMailboxRequest(
+      _appToast.showBottomToast(
+        currentOverlayContext!,
+        success.emailActionType.getToastMessageMoveToMailboxSuccess(currentContext!, destinationPath: success.destinationPath),
+        actionName: AppLocalizations.of(currentContext!).undo,
+        onActionClick: () {
+          _revertedToOriginalMailbox(MoveToMailboxRequest(
               [success.emailId],
               success.destinationMailboxId,
               success.currentMailboxId,
               MoveAction.undo,
               success.emailActionType));
-          },
+        },
+        leadingIcon: SvgPicture.asset(
+            imagePaths.icFolderMailbox,
+            width: 24,
+            height: 24,
+            color: Colors.white,
+            fit: BoxFit.fill),
+        backgroundColor: AppColor.toastSuccessBackgroundColor,
+        textColor: Colors.white,
+        textActionColor: Colors.white,
+        actionIcon: SvgPicture.asset(imagePaths.icUndo),
         maxWidth: responsiveUtils.getMaxWidthToast(currentContext!)
       );
     }

lib/features/mailbox/presentation/mailbox_controller.dart

@@ -400,11 +400,19 @@ class MailboxController extends BaseMailboxController {
 
   void _createNewMailboxSuccess(CreateNewMailboxSuccess success) {
     if (currentOverlayContext != null && currentContext != null) {
-      _appToast.showToastWithIcon(
+      _appToast.showBottomToast(
           currentOverlayContext!,
-          textColor: AppColor.toastSuccessBackgroundColor,
-          message: AppLocalizations.of(currentContext!).new_mailbox_is_created(success.newMailbox.name?.name ?? ''),
-          icon: _imagePaths.icFolderMailbox);
+          AppLocalizations.of(currentContext!).new_mailbox_is_created(success.newMailbox.name?.name ?? ''),
+          leadingIcon: SvgPicture.asset(
+              _imagePaths.icFolderMailbox,
+              width: 24,
+              height: 24,
+              color: Colors.white,
+              fit: BoxFit.fill),
+          backgroundColor: AppColor.toastSuccessBackgroundColor,
+          textColor: Colors.white,
+          textActionColor: Colors.white,
+          maxWidth: _responsiveUtils.getMaxWidthToast(currentContext!));
     }
 
     refreshMailboxChanges(currentMailboxState: success.currentMailboxState);
@@ -418,11 +426,19 @@ class MailboxController extends BaseMailboxController {
         messageError = exception.description ?? AppLocalizations.of(currentContext!).create_new_mailbox_failure;
       }
 
-      _appToast.showToastWithIcon(
+      _appToast.showBottomToast(
           currentOverlayContext!,
-          message: messageError,
-          iconColor: AppColor.toastErrorBackgroundColor,
-          icon: _imagePaths.icNotConnection);
+          messageError,
+          leadingIcon: SvgPicture.asset(
+              _imagePaths.icNotConnection,
+              width: 24,
+              height: 24,
+              color: Colors.white,
+              fit: BoxFit.fill),
+          backgroundColor: AppColor.toastErrorBackgroundColor,
+          textColor: Colors.white,
+          textActionColor: Colors.white,
+          maxWidth: _responsiveUtils.getMaxWidthToast(currentContext!));
     }
   }
 
@@ -761,18 +777,28 @@ class MailboxController extends BaseMailboxController {
     if (success.moveAction == MoveAction.moving
         && currentOverlayContext != null
         && currentContext != null) {
-      _appToast.showToastWithAction(
+      _appToast.showBottomToast(
           currentOverlayContext!,
           AppLocalizations.of(currentContext!).moved_to_mailbox(
               success.destinationMailboxName?.name ?? AppLocalizations.of(currentContext!).allMailboxes),
-          AppLocalizations.of(currentContext!).undo_action,
-          () {
+          actionName: AppLocalizations.of(currentContext!).undo,
+          onActionClick: () {
             _undoMovingMailbox(MoveMailboxRequest(
                 success.mailboxIdSelected,
                 MoveAction.undo,
                 destinationMailboxId: success.parentId,
                 parentId: success.destinationMailboxId));
           },
+          leadingIcon: SvgPicture.asset(
+              _imagePaths.icFolderMailbox,
+              width: 24,
+              height: 24,
+              color: Colors.white,
+              fit: BoxFit.fill),
+          backgroundColor: AppColor.toastSuccessBackgroundColor,
+          textColor: Colors.white,
+          textActionColor: Colors.white,
+          actionIcon: SvgPicture.asset(_imagePaths.icUndo),
           maxWidth: _responsiveUtils.getMaxWidthToast(currentContext!));
     }
 

lib/features/mailbox_dashboard/presentation/controller/mailbox_dashboard_controller.dart

@@ -448,11 +448,21 @@ class MailboxDashBoardController extends ReloadableController {
 
   void _saveEmailAsDraftsSuccess(SaveEmailAsDraftsSuccess success) {
     if (currentContext != null && currentOverlayContext != null) {
-      _appToast.showToastWithAction(
+      _appToast.showBottomToast(
           currentOverlayContext!,
           AppLocalizations.of(currentContext!).drafts_saved,
-          AppLocalizations.of(currentContext!).discard,
-          () => _discardEmail(success.emailAsDrafts),
+          actionName: AppLocalizations.of(currentContext!).discard,
+          onActionClick: () => _discardEmail(success.emailAsDrafts),
+          leadingIcon: SvgPicture.asset(
+              _imagePaths.icMailboxDrafts,
+              width: 24,
+              height: 24,
+              color: Colors.white,
+              fit: BoxFit.fill),
+          backgroundColor: AppColor.toastSuccessBackgroundColor,
+          textColor: Colors.white,
+          textActionColor: Colors.white,
+          actionIcon: SvgPicture.asset(_imagePaths.icUndo),
           maxWidth: _responsiveUtils.getMaxWidthToast(currentContext!)
       );
     }
@@ -464,10 +474,11 @@ class MailboxDashBoardController extends ReloadableController {
 
   void _moveToMailboxSuccess(MoveToMailboxSuccess success) {
     if (success.moveAction == MoveAction.moving && currentContext != null && currentOverlayContext != null) {
-      _appToast.showToastWithAction(
+      _appToast.showBottomToast(
           currentOverlayContext!,
           success.emailActionType.getToastMessageMoveToMailboxSuccess(currentContext!, destinationPath: success.destinationPath),
-          AppLocalizations.of(currentContext!).undo_action, () {
+          actionName: AppLocalizations.of(currentContext!).undo,
+          onActionClick: () {
             _revertedToOriginalMailbox(MoveToMailboxRequest(
                 [success.emailId],
                 success.destinationMailboxId,
@@ -475,6 +486,16 @@ class MailboxDashBoardController extends ReloadableController {
                 MoveAction.undo,
                 success.emailActionType));
           },
+          leadingIcon: SvgPicture.asset(
+              _imagePaths.icFolderMailbox,
+              width: 24,
+              height: 24,
+              color: Colors.white,
+              fit: BoxFit.fill),
+          backgroundColor: AppColor.toastSuccessBackgroundColor,
+          textColor: Colors.white,
+          textActionColor: Colors.white,
+          actionIcon: SvgPicture.asset(_imagePaths.icUndo),
           maxWidth: _responsiveUtils.getMaxWidthToast(currentContext!)
       );
     }
@@ -673,13 +694,13 @@ class MailboxDashBoardController extends ReloadableController {
         currentOverlayContext != null &&
         emailActionType != null &&
         moveAction == MoveAction.moving) {
-      _appToast.showToastWithAction(
+      _appToast.showBottomToast(
           currentOverlayContext!,
           emailActionType.getToastMessageMoveToMailboxSuccess(
               currentContext!,
               destinationPath: destinationPath),
-          AppLocalizations.of(currentContext!).undo_action,
-          () {
+          actionName: AppLocalizations.of(currentContext!).undo,
+          onActionClick: () {
             final newCurrentMailboxId = destinationMailboxId;
             final newDestinationMailboxId = currentMailboxId;
             if (newCurrentMailboxId != null && newDestinationMailboxId != null) {
@@ -692,6 +713,16 @@ class MailboxDashBoardController extends ReloadableController {
                   destinationPath: destinationPath));
             }
           },
+          leadingIcon: SvgPicture.asset(
+              _imagePaths.icFolderMailbox,
+              width: 24,
+              height: 24,
+              color: Colors.white,
+              fit: BoxFit.fill),
+          backgroundColor: AppColor.toastSuccessBackgroundColor,
+          textColor: Colors.white,
+          textActionColor: Colors.white,
+          actionIcon: SvgPicture.asset(_imagePaths.icUndo),
           maxWidth: _responsiveUtils.getMaxWidthToast(currentContext!)
       );
     }

lib/features/thread/presentation/thread_controller.dart

@@ -701,10 +701,11 @@ class ThreadController extends BaseController {
 
     if (currentContext != null && currentOverlayContext != null
         && emailActionType != null && moveAction == MoveAction.moving) {
-      _appToast.showToastWithAction(
+      _appToast.showBottomToast(
           currentOverlayContext!,
           emailActionType.getToastMessageMoveToMailboxSuccess(currentContext!, destinationPath: destinationPath),
-          AppLocalizations.of(currentContext!).undo_action, () {
+          actionName: AppLocalizations.of(currentContext!).undo,
+          onActionClick: () {
             final newCurrentMailboxId = destinationMailboxId;
             final newDestinationMailboxId = currentMailboxId;
             if (newCurrentMailboxId != null && newDestinationMailboxId != null) {
@@ -717,6 +718,16 @@ class ThreadController extends BaseController {
                   destinationPath: destinationPath));
             }
           },
+          leadingIcon: SvgPicture.asset(
+              _imagePaths.icFolderMailbox,
+              width: 24,
+              height: 24,
+              color: Colors.white,
+              fit: BoxFit.fill),
+          backgroundColor: AppColor.toastSuccessBackgroundColor,
+          textColor: Colors.white,
+          textActionColor: Colors.white,
+          actionIcon: SvgPicture.asset(_imagePaths.icUndo),
           maxWidth: _responsiveUtils.getMaxWidthToast(currentContext!)
       );
     }
@@ -1101,10 +1112,11 @@ class ThreadController extends BaseController {
     mailboxDashBoardController.dispatchState(Right(success));
 
     if (success.moveAction == MoveAction.moving && currentContext != null && currentOverlayContext != null) {
-      _appToast.showToastWithAction(
+      _appToast.showBottomToast(
           currentOverlayContext!,
           AppLocalizations.of(currentContext!).moved_to_mailbox(success.destinationPath ?? ''),
-          AppLocalizations.of(currentContext!).undo_action, () {
+          actionName: AppLocalizations.of(currentContext!).undo,
+          onActionClick: () {
             _revertedToOriginalMailbox(MoveToMailboxRequest(
                 [success.emailId],
                 success.destinationMailboxId,
@@ -1112,6 +1124,16 @@ class ThreadController extends BaseController {
                 MoveAction.undo,
                 success.emailActionType));
           },
+          leadingIcon: SvgPicture.asset(
+              _imagePaths.icFolderMailbox,
+              width: 24,
+              height: 24,
+              color: Colors.white,
+              fit: BoxFit.fill),
+          backgroundColor: AppColor.toastSuccessBackgroundColor,
+          textColor: Colors.white,
+          textActionColor: Colors.white,
+          actionIcon: SvgPicture.asset(_imagePaths.icUndo),
           maxWidth: _responsiveUtils.getMaxWidthToast(currentContext!)
       );
     }

lib/l10n/intl_messages.arb

@@ -1,5 +1,5 @@
 {
-  "@@last_modified": "2022-10-10T22:38:31.310368",
+  "@@last_modified": "2022-10-10T23:39:00.642884",
   "initializing_data": "Initializing data...",
   "@initializing_data": {
     "type": "text",
@@ -414,8 +414,8 @@
       "destinationMailboxPath": {}
     }
   },
-  "undo_action": "UNDO",
-  "@undo_action": {
+  "undo": "Undo",
+  "@undo": {
     "type": "text",
     "placeholders_order": [],
     "placeholders": {}

lib/main/localizations/app_localizations.dart

@@ -432,10 +432,10 @@ class AppLocalizations {
     );
   }
 
-  String get undo_action {
+  String get undo {
     return Intl.message(
-        'UNDO',
-        name: 'undo_action'
+        'Undo',
+        name: 'undo'
     );
   }