TF-3181 Display contact support button on web app

(cherry picked from commit cfc027522962fbf7092c8a15876d6c61f0aca6fc)

lib/features/mailbox_dashboard/presentation/mailbox_dashboard_view_web.dart

@@ -11,6 +11,7 @@ import 'package:tmail_ui_user/features/base/widget/scrollbar_list_view.dart';
 import 'package:tmail_ui_user/features/composer/presentation/composer_view_web.dart';
 import 'package:tmail_ui_user/features/email/presentation/email_view.dart';
 import 'package:tmail_ui_user/features/email/presentation/model/composer_arguments.dart';
+import 'package:tmail_ui_user/features/home/domain/extensions/session_extensions.dart';
 import 'package:tmail_ui_user/features/mailbox/presentation/mailbox_view_web.dart';
 import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/action/dashboard_action.dart';
 import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/base_mailbox_dashboard_view.dart';
@@ -66,7 +67,9 @@ class MailboxDashBoardView extends BaseMailboxDashBoardView {
                         return const SizedBox.shrink();
                       } else {
                         return NavigationBarWidget(
+                          imagePaths: controller.imagePaths,
                           avatarUserName: controller.sessionCurrent?.username.firstCharacter ?? '',
+                          contactSupportCapability: controller.sessionCurrent?.getContactSupportCapability(accountId),
                           searchForm: SearchInputFormWidget(),
                           appGridController: controller.appGridDashboardController,
                           onShowAppDashboardAction: controller.showAppDashboardAction,

lib/features/mailbox_dashboard/presentation/widgets/app_dashboard/app_grid_dashboard_icon.dart

@@ -9,15 +9,15 @@ import 'package:tmail_ui_user/main/utils/app_utils.dart';
 
 class AppGridDashboardIcon extends StatelessWidget {
 
-  final ImagePaths _imagePaths = Get.find<ImagePaths>();
-
+  final ImagePaths imagePaths;
   final AppGridDashboardController appGridController;
   final VoidCallback? onShowAppDashboardAction;
 
-  AppGridDashboardIcon({
+  const AppGridDashboardIcon({
     super.key,
+    required this.imagePaths,
     required this.appGridController,
-    this.onShowAppDashboardAction
+    this.onShowAppDashboardAction,
   });
 
   @override
@@ -48,7 +48,7 @@ class AppGridDashboardIcon extends StatelessWidget {
           }),
           visible: isAppGridOpen,
           child: TMailButtonWidget.fromIcon(
-            icon: _imagePaths.icAppDashboard,
+            icon: imagePaths.icAppDashboard,
             backgroundColor: Colors.transparent,
             iconSize: 30,
             padding: const EdgeInsets.all(6),

lib/features/mailbox_dashboard/presentation/widgets/navigation_bar/navigation_bar_widget.dart

@@ -1,16 +1,22 @@
 import 'package:core/presentation/extensions/color_extension.dart';
+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/views/image/avatar_builder.dart';
 import 'package:flutter/material.dart';
+import 'package:model/support/contact_support_capability.dart';
 import 'package:tmail_ui_user/features/base/widget/application_logo_with_text_widget.dart';
 import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/controller/app_grid_dashboard_controller.dart';
 import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/styles/navigation_bar_style.dart';
 import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/widgets/app_dashboard/app_grid_dashboard_icon.dart';
+import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
 import 'package:tmail_ui_user/main/utils/app_config.dart';
 
 class NavigationBarWidget extends StatelessWidget {
 
+  final ImagePaths imagePaths;
   final String avatarUserName;
+  final ContactSupportCapability? contactSupportCapability;
   final Widget? searchForm;
   final AppGridDashboardController? appGridController;
   final VoidCallback? onTapApplicationLogoAction;
@@ -19,7 +25,9 @@ class NavigationBarWidget extends StatelessWidget {
 
   const NavigationBarWidget({
     super.key,
+    required this.imagePaths,
     required this.avatarUserName,
+    this.contactSupportCapability,
     this.searchForm,
     this.appGridController,
     this.onShowAppDashboardAction,
@@ -54,12 +62,24 @@ class NavigationBarWidget extends StatelessWidget {
                   child: searchForm
                 ),
                 const Spacer(),
-                if (AppConfig.appGridDashboardAvailable && appGridController != null)
-                  AppGridDashboardIcon(
-                    appGridController: appGridController!,
-                    onShowAppDashboardAction: onShowAppDashboardAction,
+                if (contactSupportCapability != null)
+                  TMailButtonWidget.fromIcon(
+                    icon: imagePaths.icHelp,
+                    iconColor: AppColor.messageDialogColor,
+                    backgroundColor: Colors.transparent,
+                    margin: const EdgeInsetsDirectional.only(end: 8),
+                    tooltipMessage: AppLocalizations.of(context).getHelpOrReportABug,
+                    onTapActionCallback: () {},
+                  ),
+                if (AppConfig.appGridDashboardAvailable && appGridController != null)
+                  Padding(
+                    padding: const EdgeInsetsDirectional.only(end: 16),
+                    child: AppGridDashboardIcon(
+                      imagePaths: imagePaths,
+                      appGridController: appGridController!,
+                      onShowAppDashboardAction: onShowAppDashboardAction,
+                    ),
                   ),
-                const SizedBox(width: 16),
                 (AvatarBuilder()
                   ..text(avatarUserName)
                   ..backgroundColor(Colors.white)
@@ -82,12 +102,24 @@ class NavigationBarWidget extends StatelessWidget {
         else
           ...[
             const Spacer(),
-            if (AppConfig.appGridDashboardAvailable && appGridController != null)
-              AppGridDashboardIcon(
-                appGridController: appGridController!,
-                onShowAppDashboardAction: onShowAppDashboardAction,
+            if (contactSupportCapability != null)
+              TMailButtonWidget.fromIcon(
+                icon: imagePaths.icHelp,
+                iconColor: AppColor.messageDialogColor,
+                backgroundColor: Colors.transparent,
+                margin: const EdgeInsetsDirectional.only(end: 8),
+                tooltipMessage: AppLocalizations.of(context).getHelpOrReportABug,
+                onTapActionCallback: () {},
+              ),
+            if (AppConfig.appGridDashboardAvailable && appGridController != null)
+              Padding(
+                padding: const EdgeInsetsDirectional.only(end: 16),
+                child: AppGridDashboardIcon(
+                  imagePaths: imagePaths,
+                  appGridController: appGridController!,
+                  onShowAppDashboardAction: onShowAppDashboardAction,
+                ),
               ),
-            const SizedBox(width: 16),
             (AvatarBuilder()
               ..text(avatarUserName)
               ..backgroundColor(Colors.white)