TF-1983 Add CreateFilters button in empty thread view widget

(cherry picked from commit 5eed73198c868448cfbc3c93600176aa15bf62f4)
2023-08-09 19:03:01 +07:00
parent d7656a087c
commit 9b54b5d448
13 changed files with 294 additions and 116 deletions
@@ -0,0 +1,113 @@
+
+import 'package:core/presentation/utils/responsive_utils.dart';
+import 'package:core/presentation/views/button/tmail_button_widget.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 String title;
+  final String? iconSVG;
+  final String? subTitle;
+  final OnCreateFiltersActionCallback? onCreateFiltersActionCallback;
+  final Color? titleColor;
+
+  const EmptyEmailsWidget({
+    Key? key,
+    required this.title,
+    this.iconSVG,
+    this.subTitle,
+    this.onCreateFiltersActionCallback,
+    this.titleColor,
+  }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    final responsiveUtils = Get.find<ResponsiveUtils>();
+    final childWidget = Padding(
+      padding: EmptyEmailsWidgetStyles.padding,
+      child: Column(
+        mainAxisAlignment: responsiveUtils.isScreenWithShortestSide(context)
+          ? MainAxisAlignment.start
+          : MainAxisAlignment.center,
+        children: [
+          if (iconSVG != null)
+            SvgPicture.asset(
+              iconSVG!,
+              width: _getIconSize(context, responsiveUtils),
+              height: _getIconSize(context, responsiveUtils),
+              fit: BoxFit.fill
+            ),
+          Padding(
+            padding: EmptyEmailsWidgetStyles.labelPadding,
+            child: Text(
+              title,
+              style: TextStyle(
+                color: EmptyEmailsWidgetStyles.labelTextColor,
+                fontSize: onCreateFiltersActionCallback != null
+                  ? EmptyEmailsWidgetStyles.createFilterLabelTextSize
+                  : EmptyEmailsWidgetStyles.labelTextSize,
+                fontWeight: onCreateFiltersActionCallback != null
+                  ? EmptyEmailsWidgetStyles.createFilterLabelFontWeight
+                  : EmptyEmailsWidgetStyles.labelFontWeight
+              ),
+              textAlign: TextAlign.center,
+            ),
+          ),
+          if (subTitle != null)
+            Text(
+              subTitle!,
+              style: const TextStyle(
+                color: EmptyEmailsWidgetStyles.messageTextColor,
+                fontSize: EmptyEmailsWidgetStyles.messageTextSize,
+                fontWeight: EmptyEmailsWidgetStyles.messageFontWeight
+              ),
+              textAlign: TextAlign.center,
+            ),
+          if (onCreateFiltersActionCallback != null)
+            TMailButtonWidget.fromText(
+              text: AppLocalizations.of(context).createFilters,
+              padding: EmptyEmailsWidgetStyles.createFilterButtonPadding,
+              margin: EmptyEmailsWidgetStyles.createFilterButtonMargin,
+              backgroundColor: EmptyEmailsWidgetStyles.createFilterButtonBackgroundColor,
+              borderRadius: EmptyEmailsWidgetStyles.createFilterButtonBorderRadius,
+              width: responsiveUtils.isPortraitMobile(context) ? double.infinity : null,
+              textAlign: TextAlign.center,
+              textStyle: const TextStyle(
+                fontSize: EmptyEmailsWidgetStyles.createFilterButtonTextSize,
+                fontWeight: EmptyEmailsWidgetStyles.createFilterButtonFontWeight,
+                color: EmptyEmailsWidgetStyles.createFilterButtonTextColor
+              ),
+              onTapActionCallback: onCreateFiltersActionCallback,
+            )
+        ],
+      ),
+    );
+    return Container(
+      constraints: const BoxConstraints(maxWidth: EmptyEmailsWidgetStyles.maxWidth),
+      alignment: AlignmentDirectional.center,
+      child: responsiveUtils.isScreenWithShortestSide(context)
+        ? SingleChildScrollView(child: childWidget)
+        : CustomScrollView(
+            slivers: [
+              SliverFillRemaining(child: childWidget)
+            ]
+          )
+    );
+  }
+
+  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;
+    }
+  }
+}