TF-3764 Update new empty view for folder

Signed-off-by: dab246 <tdvu@linagora.com>

lib/features/thread/presentation/styles/empty_emails_widget_styles.dart

@@ -1,30 +1,10 @@
 
-import 'package:core/presentation/extensions/color_extension.dart';
 import 'package:flutter/material.dart';
 
 class EmptyEmailsWidgetStyles {
-  static const double mobileIconSize = 160;
-  static const double tabletIconSize = 180;
-  static const double desktopIconSize = 212;
-  static const double labelTextSize = 20;
-  static const double messageTextSize = 15;
-  static const double createFilterLabelTextSize = 22;
-  static const double createFilterButtonTextSize = 17;
-  static const double maxWidth = 490;
-  static const double createFilterButtonBorderRadius = 10;
-
-  static const FontWeight labelFontWeight = FontWeight.w400;
-  static const FontWeight messageFontWeight = FontWeight.w400;
-  static const FontWeight createFilterLabelFontWeight = FontWeight.w600;
-  static const FontWeight createFilterButtonFontWeight = FontWeight.w500;
-
-  static const Color labelTextColor = Colors.black;
-  static const Color messageTextColor = AppColor.colorSubtitle;
-  static const Color createFilterButtonTextColor = AppColor.primaryColor;
-  static const Color createFilterButtonBackgroundColor = AppColor.colorCreateFiltersButton;
+  static const double iconSize = 160;
+  static const double maxWidth = 352.07;
 
   static const EdgeInsetsGeometry padding = EdgeInsetsDirectional.all(16);
-  static const EdgeInsetsGeometry labelPadding = EdgeInsetsDirectional.symmetric(vertical: 12);
-  static const EdgeInsetsGeometry createFilterButtonPadding = EdgeInsetsDirectional.symmetric(vertical: 12, horizontal: 24);
-  static const EdgeInsetsGeometry createFilterButtonMargin = EdgeInsetsDirectional.only(top: 12);
+  static const EdgeInsetsGeometry labelPadding = EdgeInsetsDirectional.only(top: 16, bottom: 8);
 }

lib/features/thread/presentation/thread_view.dart

@@ -737,7 +737,6 @@ class ThreadView extends GetWidget<ThreadController>
               isNetworkConnectionAvailable: controller.networkConnectionController.isNetworkConnectionAvailable(),
               isSearchActive: controller.isSearchActive,
               isFilterMessageActive: controller.mailboxDashBoardController.filterMessageOption.value != FilterMessageOption.all,
-              onCreateFiltersActionCallback: controller.goToCreateEmailRuleView
             ),
           );
         }

lib/features/thread/presentation/widgets/empty_emails_widget.dart

@@ -1,20 +1,17 @@
 import 'package:core/presentation/resources/image_paths.dart';
 import 'package:core/presentation/utils/responsive_utils.dart';
-import 'package:core/presentation/views/button/tmail_button_widget.dart';
+import 'package:core/presentation/utils/theme_utils.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_svg/flutter_svg.dart';
 import 'package:get/get.dart';
 import 'package:tmail_ui_user/features/thread/presentation/styles/empty_emails_widget_styles.dart';
 import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
 
-typedef OnCreateFiltersActionCallback = Function();
-
 class EmptyEmailsWidget extends StatelessWidget {
 
   final bool isSearchActive;
   final bool isFilterMessageActive;
   final bool isNetworkConnectionAvailable;
-  final OnCreateFiltersActionCallback? onCreateFiltersActionCallback;
 
   final _responsiveUtils = Get.find<ResponsiveUtils>();
   final _imagePaths = Get.find<ImagePaths>();
@@ -24,7 +21,6 @@ class EmptyEmailsWidget extends StatelessWidget {
     this.isSearchActive = false,
     this.isFilterMessageActive = false,
     this.isNetworkConnectionAvailable = true,
-    this.onCreateFiltersActionCallback,
   }) : super(key: key);
 
   @override
@@ -37,9 +33,9 @@ class EmptyEmailsWidget extends StatelessWidget {
           : MainAxisAlignment.center,
         children: [
           SvgPicture.asset(
-            _imagePaths.icEmptyEmail,
-            width: _getIconSize(context, _responsiveUtils),
-            height: _getIconSize(context, _responsiveUtils),
+            _imagePaths.icEmptyFolder,
+            width: EmptyEmailsWidgetStyles.iconSize,
+            height: EmptyEmailsWidgetStyles.iconSize,
             fit: BoxFit.fill
           ),
           Padding(
@@ -47,31 +43,17 @@ class EmptyEmailsWidget extends StatelessWidget {
             child: Text(
               key: const Key('empty_email_message'),
               _getMessageEmptyEmail(context),
-              style: const TextStyle(
-                color: EmptyEmailsWidgetStyles.labelTextColor,
-                fontSize: EmptyEmailsWidgetStyles.createFilterLabelTextSize,
-                fontWeight: EmptyEmailsWidgetStyles.createFilterLabelFontWeight
-              ),
+              style: ThemeUtils.textStyleInter600(),
               textAlign: TextAlign.center,
             ),
           ),
-          if (_validateShowCreateRuleButton)
-            TMailButtonWidget.fromText(
-              key: const Key('create_filter_rule_button_within_empty_email'),
-              text: AppLocalizations.of(context).createFilters,
-              padding: EmptyEmailsWidgetStyles.createFilterButtonPadding,
-              margin: EmptyEmailsWidgetStyles.createFilterButtonMargin,
-              backgroundColor: EmptyEmailsWidgetStyles.createFilterButtonBackgroundColor,
-              borderRadius: EmptyEmailsWidgetStyles.createFilterButtonBorderRadius,
-              width: _responsiveUtils.isPortraitMobile(context) ? double.infinity : null,
+          if (_showEmailSubMessage)
+            Text(
+              key: const Key('empty_email_sub_message'),
+              AppLocalizations.of(context).startToComposeEmails,
+              style: ThemeUtils.textStyleInter400(),
               textAlign: TextAlign.center,
-              textStyle: const TextStyle(
-                fontSize: EmptyEmailsWidgetStyles.createFilterButtonTextSize,
-                fontWeight: EmptyEmailsWidgetStyles.createFilterButtonFontWeight,
-                color: EmptyEmailsWidgetStyles.createFilterButtonTextColor
-              ),
-              onTapActionCallback: onCreateFiltersActionCallback,
-            )
+            ),
         ],
       ),
     );
@@ -88,18 +70,9 @@ class EmptyEmailsWidget extends StatelessWidget {
     );
   }
 
-  double _getIconSize(BuildContext context, ResponsiveUtils responsiveUtils) {
-    if (responsiveUtils.isMobile(context)) {
-      return EmptyEmailsWidgetStyles.mobileIconSize;
-    } else if (responsiveUtils.isDesktop(context)) {
-      return EmptyEmailsWidgetStyles.desktopIconSize;
-    } else {
-      return EmptyEmailsWidgetStyles.tabletIconSize;
-    }
-  }
-
-  bool get _validateShowCreateRuleButton => isNetworkConnectionAvailable
-    && !isFilterMessageActive && !isSearchActive && onCreateFiltersActionCallback != null;
+  bool get _showEmailSubMessage => isNetworkConnectionAvailable &&
+      !isFilterMessageActive &&
+      !isSearchActive;
 
   String _getMessageEmptyEmail(BuildContext context) {
     if (!isNetworkConnectionAvailable) {
@@ -108,12 +81,10 @@ class EmptyEmailsWidget extends StatelessWidget {
     
     if (isSearchActive) {
       return AppLocalizations.of(context).no_emails_matching_your_search;
+    } else if (isFilterMessageActive) {
+      return AppLocalizations.of(context).noEmailMatchYourCurrentFilter;
     } else {
-      if (isFilterMessageActive) {
-        return AppLocalizations.of(context).noEmailMatchYourCurrentFilter;
-      } else {
-        return AppLocalizations.of(context).noEmailInYourCurrentFolder;
-      }
+      return AppLocalizations.of(context).youDoNotHaveAnyEmailInYourCurrentFolder;
     }
   }
 }