TF-3764 Update new empty view for folder
Signed-off-by: dab246 <tdvu@linagora.com>
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user