eduvia/workavia-mail-front
11
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

TF-4036 In a thread, put the three-dot menu (…) in the left side

Browse Source
This commit is contained in:
dab246
2025-09-23 11:04:44 +07:00
committed by Dat H. Pham
parent 64f4096340
commit 8fe6a6215d
1 changed files with 64 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/features/thread_detail/presentation/widgets/thread_detail_app_bar.dart
+60 -47
View File
@@ -46,45 +46,7 @@ class ThreadDetailAppBar extends StatelessWidget {
@override
Widget build(BuildContext context) {
final child = LayoutBuilder(
builder: (context, constraints) {
Widget backButton = EmailViewBackButton(
imagePaths: imagePaths,
onBackAction: () => closeThreadDetailAction(context),
mailboxContain: mailboxContain,
isSearchActivated: isSearchRunning,
maxWidth: constraints.maxWidth,
);
if (responsiveUtils.isMobile(context)) {
backButton = Expanded(
child: Align(
alignment: Alignment.centerLeft,
child: backButton,
),
);
}
return Container(
height: PlatformInfo.isIOS
? EmailViewAppBarWidgetStyles.heightIOS(context, responsiveUtils)
: EmailViewAppBarWidgetStyles.height,
padding: PlatformInfo.isIOS
? EmailViewAppBarWidgetStyles.paddingIOS(context, responsiveUtils)
: EmailViewAppBarWidgetStyles.padding,
decoration: const BoxDecoration(
border: Border(
bottom: BorderSide(
color: EmailViewAppBarWidgetStyles.bottomBorderColor,
width: EmailViewAppBarWidgetStyles.bottomBorderWidth,
),
),
color: EmailViewAppBarWidgetStyles.backgroundColor,
),
child: Row(
mainAxisAlignment: MainAxisAlignment.end,
children: [
if (_supportDisplayMailboxNameTitle(context)) backButton,
if (isThreadDetailEnabled && threadActionReady) ...[
final listShortcutActions = <Widget>[
_ThreadDetailAppBarButton(
icon: threadDetailIsStarred
? imagePaths.icStar
@@ -117,20 +79,71 @@ class ThreadDetailAppBar extends StatelessWidget {
? (_) => onThreadActionClick?.call(EmailActionType.deletePermanently)
: (_) => onThreadActionClick?.call(EmailActionType.moveToTrash),
),
],
if (!responsiveUtils.isMobile(context)) const Spacer(),
if (AppUtils.getCurrentDirection(context) == TextDirection.rtl)
...optionWidgets.reversed
else
...optionWidgets,
if (isThreadDetailEnabled && threadActionReady)
_ThreadDetailAppBarButton(
icon: imagePaths.icMoreVertical,
tooltipMessage: AppLocalizations.of(context).more,
responsiveUtils: responsiveUtils,
onTapActionCallback: onThreadMoreActionClick,
),
],
];
final isRTL = AppUtils.getCurrentDirection(context) == TextDirection.rtl;
final isThreadActionAvailable = isThreadDetailEnabled && threadActionReady;
final isMobile = responsiveUtils.isMobile(context);
late List<Widget> childrenWidgets;
final child = LayoutBuilder(
builder: (_, constraints) {
Widget backButton = EmailViewBackButton(
imagePaths: imagePaths,
onBackAction: () => closeThreadDetailAction(context),
mailboxContain: mailboxContain,
isSearchActivated: isSearchRunning,
maxWidth: constraints.maxWidth,
);
if (isMobile) {
backButton = Expanded(
child: Align(
alignment: Alignment.centerLeft,
child: backButton,
),
);
childrenWidgets = [
if (_supportDisplayMailboxNameTitle(context)) backButton,
if (isRTL) ...optionWidgets.reversed else ...optionWidgets,
if (isThreadActionAvailable) ...listShortcutActions,
];
} else {
childrenWidgets = [
if (_supportDisplayMailboxNameTitle(context)) backButton,
if (isThreadActionAvailable) ...listShortcutActions,
const Spacer(),
if (isRTL) ...optionWidgets.reversed else ...optionWidgets,
];
}
return Container(
height: PlatformInfo.isIOS
? EmailViewAppBarWidgetStyles.heightIOS(context, responsiveUtils)
: EmailViewAppBarWidgetStyles.height,
padding: PlatformInfo.isIOS
? EmailViewAppBarWidgetStyles.paddingIOS(context, responsiveUtils)
: EmailViewAppBarWidgetStyles.padding,
decoration: const BoxDecoration(
border: Border(
bottom: BorderSide(
color: EmailViewAppBarWidgetStyles.bottomBorderColor,
width: EmailViewAppBarWidgetStyles.bottomBorderWidth,
),
),
color: EmailViewAppBarWidgetStyles.backgroundColor,
),
child: Row(
mainAxisAlignment: MainAxisAlignment.end,
children: childrenWidgets,
),
);
},