TF-3758 Update app grid in left menu on mobile

Signed-off-by: dab246 <tdvu@linagora.com>
2025-05-29 20:25:14 +07:00
parent d7c4418674
commit 6b09fb9faf
12 changed files with 230 additions and 120 deletions
@@ -0,0 +1,27 @@
+import 'package:core/presentation/extensions/color_extension.dart';
+import 'package:core/presentation/views/button/tmail_button_widget.dart';
+import 'package:flutter/material.dart';
+
+class AppGridIcon extends StatelessWidget {
+
+  final String icon;
+  final VoidCallback onTapAction;
+
+  const AppGridIcon({
+    super.key,
+    required this.icon,
+    required this.onTapAction,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return TMailButtonWidget.fromIcon(
+      icon: icon,
+      backgroundColor: Colors.transparent,
+      iconSize: 24,
+      iconColor: AppColor.blackAlpha40,
+      padding: const EdgeInsets.all(8),
+      onTapActionCallback: onTapAction,
+    );
+  }
+}
@@ -0,0 +1,50 @@
+import 'package:core/presentation/utils/theme_utils.dart';
+import 'package:core/presentation/views/image/image_loader_mixin.dart';
+import 'package:flutter/material.dart';
+
+class AppShortcut extends StatelessWidget with ImageLoaderMixin {
+  final String? icon;
+  final String label;
+  final VoidCallback onTapAction;
+
+  const AppShortcut({
+    super.key,
+    required this.icon,
+    required this.label,
+    required this.onTapAction,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Material(
+      type: MaterialType.transparency,
+      child: InkWell(
+        onTap: onTapAction,
+        child: Container(
+          width: 78,
+          height: 80.58,
+          alignment: Alignment.center,
+          child: Column(
+            mainAxisSize: MainAxisSize.min,
+            children: [
+              if (icon != null)
+                buildImage(
+                  imagePath: icon!,
+                  imageSize: 42,
+                )
+              else
+                buildNoImage(42),
+              const SizedBox(height: 4),
+              Text(
+                label,
+                style: ThemeUtils.textStyleAppShortcut(),
+                maxLines: 1,
+                overflow: TextOverflow.ellipsis,
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}