TF-1581 Update UI to support language RTL

lib/features/mailbox_dashboard/presentation/widgets/advanced_search/icon_open_advanced_search_widget.dart

@@ -7,6 +7,7 @@ import 'package:flutter_svg/flutter_svg.dart';
 import 'package:get/get.dart';
 import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/controller/advanced_filter_controller.dart';
 import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/controller/search_controller.dart';
+import 'package:tmail_ui_user/main/utils/app_utils.dart';
 
 class IconOpenAdvancedSearchWidget extends StatelessWidget {
   IconOpenAdvancedSearchWidget(
@@ -23,11 +24,17 @@ class IconOpenAdvancedSearchWidget extends StatelessWidget {
   Widget build(BuildContext context) {
     return Obx(
       () => Padding(
-        padding: const EdgeInsets.only(right: 8),
+        padding: EdgeInsets.only(
+          right: AppUtils.isDirectionRTL(context) ? 0 : 8,
+          left: AppUtils.isDirectionRTL(context) ? 8 : 0,
+        ),
         child: buildIconWeb(
             splashRadius: 15,
             minSize: 40,
-            iconPadding: const EdgeInsets.only(right: 2),
+            iconPadding: EdgeInsets.only(
+              right: AppUtils.isDirectionRTL(context) ? 0 : 2,
+              left: AppUtils.isDirectionRTL(context) ? 2 : 0,
+            ),
             icon: SvgPicture.asset(_imagePaths.icFilterAdvanced,
                 colorFilter: searchController.isAdvancedSearchViewOpen.isTrue || searchController.advancedSearchIsActivated.isTrue
                     ? AppColor.colorFilterMessageEnabled.asFilter()

lib/features/mailbox_dashboard/presentation/widgets/search_input_form_widget.dart

@@ -20,6 +20,7 @@ import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/widgets/ad
 import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/widgets/email_quick_search_item_tile_widget.dart';
 import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/widgets/recent_search_item_tile_widget.dart';
 import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
+import 'package:tmail_ui_user/main/utils/app_utils.dart';
 
 class SearchInputFormWidget extends StatelessWidget with AppLoaderMixin {
   final MailboxDashBoardController dashBoardController;
@@ -189,7 +190,10 @@ class SearchInputFormWidget extends StatelessWidget with AppLoaderMixin {
         labelStyle: const TextStyle(color: Colors.black, fontSize: 16.0)
       ),
       leftButton: Padding(
-        padding: const EdgeInsets.only(left: 8),
+        padding: EdgeInsets.only(
+          left: AppUtils.isDirectionRTL(context) ? 0 : 8,
+          right: AppUtils.isDirectionRTL(context) ? 8 : 0
+        ),
         child: buildIconWeb(
           minSize: 40,
           iconPadding: EdgeInsets.zero,
@@ -215,10 +219,12 @@ class SearchInputFormWidget extends StatelessWidget with AppLoaderMixin {
       final isFilterSelected = filter.isApplied(dashBoardController.searchController.listFilterOnSuggestionForm);
 
       return Chip(
-        labelPadding: const EdgeInsets.only(
+        labelPadding: EdgeInsets.only(
           top: 2,
           bottom: 2,
-          right: 10),
+          right: AppUtils.isDirectionRTL(context) ? 0 : 10,
+          left: AppUtils.isDirectionRTL(context) ? 10 : 0,
+        ),
         label: Text(
           filter.getName(context),
           maxLines: 1,

lib/features/mailbox_dashboard/presentation/widgets/spam_report_banner_web_widget.dart

@@ -6,6 +6,7 @@ import 'package:flutter_svg/flutter_svg.dart';
 import 'package:get/get.dart';
 import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/controller/spam_report_controller.dart';
 import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
+import 'package:tmail_ui_user/main/utils/app_utils.dart';
 
 class SpamReportBannerWebWidget extends StatelessWidget {
   const SpamReportBannerWebWidget({ Key? key }) : super(key: key);
@@ -22,7 +23,11 @@ class SpamReportBannerWebWidget extends StatelessWidget {
       }
       return Container(
         height: 84,
-        margin: const EdgeInsets.only(right: 16, top: 16),
+        margin: EdgeInsets.only(
+          right: AppUtils.isDirectionRTL(context) ? 0 : 16,
+          left: AppUtils.isDirectionRTL(context) ? 16 : 0,
+          top: 16
+        ),
         decoration: BoxDecoration(
             borderRadius: BorderRadius.circular(12),
             border: Border.all(color: AppColor.colorBorderBodyThread, width: 1),
@@ -53,8 +58,9 @@ class SpamReportBannerWebWidget extends StatelessWidget {
                   ],
                 ),
                 Padding(
-                  padding: const EdgeInsets.only(
-                    left: 32,
+                  padding: EdgeInsets.only(
+                    left: AppUtils.isDirectionRTL(context) ? 0 : 32,
+                    right: AppUtils.isDirectionRTL(context) ? 32 : 0,
                   ),
                   child: buildTextButton(
                     AppLocalizations.of(context).showDetails,
@@ -71,14 +77,24 @@ class SpamReportBannerWebWidget extends StatelessWidget {
                 ),
               ],
             ),
-            Positioned(
-              top: 16,
-              right: 16,
-              child: buildSVGIconButton(
-                icon: imagePaths.icCloseComposer,
-                onTap: () => spamReportController.dismissSpamReportAction(),
-              ),
-            ),
+            if (AppUtils.isDirectionRTL(context))
+              Positioned(
+                top: 16,
+                left: 16,
+                child: buildSVGIconButton(
+                  icon: imagePaths.icCloseComposer,
+                  onTap: spamReportController.dismissSpamReportAction,
+                ),
+              )
+            else
+              Positioned(
+                top: 16,
+                right: 16,
+                child: buildSVGIconButton(
+                  icon: imagePaths.icCloseComposer,
+                  onTap: spamReportController.dismissSpamReportAction,
+                ),
+              )
           ],
         ),
       );