TF-2304 Add pop up title for sort selecting in tablet

(cherry picked from commit 72d48529992a922d0979a6db0cf223d588197dbb)
2023-11-15 17:28:16 +07:00
parent 9a86c9f470
commit e264648abb
2 changed files with 64 additions and 0 deletions
@@ -0,0 +1,9 @@
+import 'package:flutter/material.dart';
+
+class EmailSortByActionTitleWidgetStyle {
+  static const EdgeInsetsGeometry padding = EdgeInsets.symmetric(horizontal: 24, vertical: 16);
+
+  static const double width = 332.0;
+  static const double space = 12.0;
+  static const double iconSize = 24.0;
+}
@@ -0,0 +1,55 @@
+import 'package:core/core.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_svg/flutter_svg.dart';
+import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/model/search/email_sort_order_type.dart';
+import 'package:tmail_ui_user/features/search/email/presentation/styles/email_sort_by_action_tile_widget_style.dart';
+
+typedef OnSortOrderSelected = void Function(BuildContext, EmailSortOrderType);
+
+class EmailSortByActionTitleWidget extends StatelessWidget {
+
+  final EmailSortOrderType sortType;
+  final ImagePaths imagePaths;
+  final EmailSortOrderType? sortTypeSelected;
+  final OnSortOrderSelected? onSortOrderSelected;
+
+  const EmailSortByActionTitleWidget({
+    super.key,
+    required this.sortType,
+    required this.imagePaths,
+    this.sortTypeSelected,
+    this.onSortOrderSelected,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return InkWell(
+      onTap: () => onSortOrderSelected?.call(context, sortType),
+      child: Padding(
+        padding: EmailSortByActionTitleWidgetStyle.padding,
+        child: SizedBox(
+          width: EmailSortByActionTitleWidgetStyle.width,
+          child: Row(
+            children: [
+              Expanded(
+                child: Text(
+                  sortType.getTitle(context),
+                  style: sortType.getTextStyle(isInDropdown: true),
+                )
+              ),
+              if (sortType == sortTypeSelected)
+                const SizedBox(width: EmailSortByActionTitleWidgetStyle.space),
+              if (sortType == sortTypeSelected)
+                SvgPicture.asset(
+                  imagePaths.icFilterSelected,
+                  width: EmailSortByActionTitleWidgetStyle.iconSize,
+                  height: EmailSortByActionTitleWidgetStyle.iconSize,
+                  fit: BoxFit.fill,
+                )
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}