TF-2857 Change logo & text in application

lib/features/base/widget/application_logo_with_text_widget.dart

@@ -0,0 +1,25 @@
+import 'package:core/presentation/resources/image_paths.dart';
+import 'package:core/presentation/views/button/tmail_button_widget.dart';
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+
+class ApplicationLogoWidthTextWidget extends StatelessWidget {
+
+  final ImagePaths _imagePaths = Get.find<ImagePaths>();
+
+  final VoidCallback? onTapAction;
+
+  ApplicationLogoWidthTextWidget({super.key, this.onTapAction});
+
+  @override
+  Widget build(BuildContext context) {
+    return TMailButtonWidget.fromIcon(
+      icon: _imagePaths.icLogoWithText,
+      iconSize: 33,
+      padding: EdgeInsets.zero,
+      backgroundColor: Colors.transparent,
+      hoverColor: Colors.transparent,
+      onTapActionCallback: onTapAction,
+    );
+  }
+}

lib/features/login/presentation/login_view_web.dart

@@ -5,6 +5,7 @@ import 'package:core/presentation/views/text/slogan_builder.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_svg/flutter_svg.dart';
 import 'package:get/get_state_manager/src/rx_flutter/rx_obx_widget.dart';
+import 'package:tmail_ui_user/features/base/widget/application_logo_with_text_widget.dart';
 import 'package:tmail_ui_user/features/login/presentation/base_login_view.dart';
 import 'package:tmail_ui_user/features/login/presentation/login_form_type.dart';
 import 'package:tmail_ui_user/features/login/presentation/privacy_link_widget.dart';
@@ -39,7 +40,7 @@ class LoginView extends BaseLoginView {
             children: [
               Padding(
                 padding: const EdgeInsets.only(top: 67),
-                child: _buildAppLogo(context)
+                child: ApplicationLogoWidthTextWidget()
               ),
               Padding(
                 padding: const EdgeInsets.only(top: 67),
@@ -181,7 +182,7 @@ class LoginView extends BaseLoginView {
                   children: [
                     Padding(
                       padding: const EdgeInsets.only(top: 66),
-                      child: _buildAppLogo(context)
+                      child: ApplicationLogoWidthTextWidget()
                     ),
                     Padding(
                       padding: const EdgeInsets.only(top: 67),
@@ -221,27 +222,6 @@ class LoginView extends BaseLoginView {
     );
   }
 
-  Widget _buildAppLogo(BuildContext buildContext) {
-    return Row(
-      mainAxisSize: MainAxisSize.min,
-      children: [
-        SvgPicture.asset(
-          controller.imagePaths.icTMailLogo,
-          fit: BoxFit.fill,
-          width: 36,
-          height: 36,
-          alignment: Alignment.center),
-        Padding(
-          padding: const EdgeInsets.symmetric(horizontal: 10),
-          child: Text(
-            AppLocalizations.of(buildContext).app_name,
-            style: const TextStyle(color: Colors.black, fontSize: 24, fontWeight: FontWeight.bold),
-            textAlign: TextAlign.center),
-        ),
-      ]
-    );
-  }
-
   Widget _buildLoadingProgress(BuildContext context) {
     return Obx(() => controller.viewState.value.fold(
       (failure) {

lib/features/mailbox/presentation/mailbox_view_web.dart

@@ -3,6 +3,7 @@ import 'package:flutter/gestures.dart';
 import 'package:flutter/material.dart';
 import 'package:get/get.dart';
 import 'package:model/model.dart';
+import 'package:tmail_ui_user/features/base/widget/application_logo_with_text_widget.dart';
 import 'package:tmail_ui_user/features/base/widget/application_version_widget.dart';
 import 'package:tmail_ui_user/features/base/widget/scrollbar_list_view.dart';
 import 'package:tmail_ui_user/features/mailbox/presentation/base_mailbox_view.dart';
@@ -64,13 +65,7 @@ class MailboxView extends BaseMailboxView {
           start: controller.responsiveUtils.isDesktop(context) ? 32 : 16,
         ),
         child: Row(children: [
-          SloganBuilder(
-            sizeLogo: 24,
-            text: AppLocalizations.of(context).app_name,
-            textAlign: TextAlign.center,
-            textStyle: const TextStyle(color: Colors.black, fontSize: 20, fontWeight: FontWeight.bold),
-            logoSVG: controller.imagePaths.icTMailLogo
-          ),
+          ApplicationLogoWidthTextWidget(),
           ApplicationVersionWidget(
             applicationManager: controller.mailboxDashBoardController.applicationManager,
             padding: const EdgeInsets.only(top: 4),

lib/features/mailbox_dashboard/presentation/mailbox_dashboard_view_web.dart

@@ -5,6 +5,7 @@ import 'package:flutter_svg/flutter_svg.dart';
 import 'package:get/get.dart';
 import 'package:model/extensions/username_extension.dart';
 import 'package:model/mailbox/presentation_mailbox.dart';
+import 'package:tmail_ui_user/features/base/widget/application_logo_with_text_widget.dart';
 import 'package:tmail_ui_user/features/base/widget/application_version_widget.dart';
 import 'package:tmail_ui_user/features/base/widget/popup_item_no_icon_widget.dart';
 import 'package:tmail_ui_user/features/composer/presentation/composer_view_web.dart';
@@ -69,13 +70,8 @@ class MailboxDashBoardView extends BaseMailboxDashBoardView {
                         alignment: Alignment.center,
                         height: 80,
                         child: Row(children: [
-                          SloganBuilder(
-                            sizeLogo: 24,
-                            text: AppLocalizations.of(context).app_name,
-                            textAlign: TextAlign.center,
-                            textStyle: const TextStyle(color: Colors.black, fontSize: 20, fontWeight: FontWeight.bold),
-                            logoSVG: controller.imagePaths.icTMailLogo,
-                            onTapCallback: controller.redirectToInboxAction,
+                          ApplicationLogoWidthTextWidget(
+                            onTapAction: controller.redirectToInboxAction,
                           ),
                           ApplicationVersionWidget(
                             applicationManager: controller.applicationManager

lib/features/manage_account/presentation/manage_account_dashboard_view.dart

@@ -3,11 +3,11 @@ import 'package:core/presentation/extensions/color_extension.dart';
 import 'package:core/presentation/utils/responsive_utils.dart';
 import 'package:core/presentation/views/image/avatar_builder.dart';
 import 'package:core/presentation/views/responsive/responsive_widget.dart';
-import 'package:core/presentation/views/text/slogan_builder.dart';
 import 'package:flutter/material.dart';
 import 'package:get/get.dart';
 import 'package:model/model.dart';
 import 'package:tmail_ui_user/features/base/state/banner_state.dart';
+import 'package:tmail_ui_user/features/base/widget/application_logo_with_text_widget.dart';
 import 'package:tmail_ui_user/features/base/widget/application_version_widget.dart';
 import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/mixin/user_setting_popup_menu_mixin.dart';
 import 'package:tmail_ui_user/features/manage_account/presentation/always_read_receipt/always_read_receipt_view.dart';
@@ -25,7 +25,6 @@ import 'package:tmail_ui_user/features/manage_account/presentation/model/account
 import 'package:tmail_ui_user/features/manage_account/presentation/profiles/profiles_view.dart';
 import 'package:tmail_ui_user/features/manage_account/presentation/vacation/vacation_view.dart';
 import 'package:tmail_ui_user/features/manage_account/presentation/vacation/widgets/vacation_notification_message_widget.dart';
-import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
 import 'package:tmail_ui_user/main/routes/route_navigation.dart';
 
 class ManageAccountDashBoardView extends GetWidget<ManageAccountDashBoardController>
@@ -47,13 +46,8 @@ class ManageAccountDashBoardView extends GetWidget<ManageAccountDashBoardControl
                 Container(width: 256, color: Colors.white,
                     padding: SettingsUtils.getPaddingHeaderSetting(context),
                     child: Row(children: [
-                      SloganBuilder(
-                        sizeLogo: 24,
-                        text: AppLocalizations.of(context).app_name,
-                        textAlign: TextAlign.center,
-                        textStyle: const TextStyle(color: Colors.black, fontSize: 20, fontWeight: FontWeight.bold),
-                        logoSVG: controller.imagePaths.icTMailLogo,
-                        onTapCallback: () => controller.backToMailboxDashBoard(context: context),
+                      ApplicationLogoWidthTextWidget(
+                        onTapAction: () => controller.backToMailboxDashBoard(context: context),
                       ),
                       ApplicationVersionWidget(
                         applicationManager: controller.applicationManager

lib/features/manage_account/presentation/menu/manage_account_menu_view.dart

@@ -5,6 +5,7 @@ import 'package:flutter/material.dart';
 import 'package:flutter_svg/flutter_svg.dart';
 import 'package:get/get.dart';
 import 'package:tmail_ui_user/features/base/widget/application_version_widget.dart';
+import 'package:tmail_ui_user/features/base/widget/application_logo_with_text_widget.dart';
 import 'package:tmail_ui_user/features/manage_account/presentation/menu/manage_account_menu_controller.dart';
 import 'package:tmail_ui_user/features/manage_account/presentation/menu/widgets/account_menu_item_tile_builder.dart';
 import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
@@ -25,13 +26,7 @@ class ManageAccountMenuView extends GetWidget<ManageAccountMenuController> {
                        color: Colors.white,
                        padding: const EdgeInsets.only(top: 16, bottom: 16, left: 16),
                        child: Row(children: [
-                         SloganBuilder(
-                           sizeLogo: 24,
-                           text: AppLocalizations.of(context).app_name,
-                           textAlign: TextAlign.center,
-                           textStyle: const TextStyle(color: Colors.black, fontSize: 20, fontWeight: FontWeight.bold),
-                           logoSVG: controller.imagePaths.icTMailLogo
-                         ),
+                         ApplicationLogoWidthTextWidget(),
                          ApplicationVersionWidget(
                            applicationManager:  controller.dashBoardController.applicationManager,
                            padding: const EdgeInsets.only(top: 4),