TF-2717 Display attachment bar below subject field on tablet

lib/features/composer/presentation/styles/mobile/mobile_attachment_composer_widget_style.dart

@@ -6,5 +6,6 @@ class MobileAttachmentComposerWidgetStyle {
   static const double listItemHeight = 50;
 
   static const EdgeInsetsGeometry padding = EdgeInsetsDirectional.symmetric(vertical: 8, horizontal: 16);
+  static const EdgeInsetsGeometry tabletPadding = EdgeInsetsDirectional.only(start: 16, end: 16, bottom: 8);
   static const EdgeInsetsGeometry itemMargin = EdgeInsetsDirectional.only(top: 8);
 }

lib/features/composer/presentation/widgets/mobile/mobile_attachment_composer_widget.dart

@@ -53,21 +53,76 @@ class _MobileAttachmentComposerWidgetState extends State<MobileAttachmentCompose
   @override
   Widget build(BuildContext context) {
     return Container(
-      padding: MobileAttachmentComposerWidgetStyle.padding,
+      padding: _responsiveUtils.isPortraitMobile(context)
+        ? MobileAttachmentComposerWidgetStyle.padding
+        : MobileAttachmentComposerWidgetStyle.tabletPadding,
       width: double.infinity,
-      child: Column(
+      child: _responsiveUtils.isPortraitMobile(context)
+        ? Column(
             mainAxisSize: MainAxisSize.min,
             crossAxisAlignment: CrossAxisAlignment.start,
             children: [
-          if (_responsiveUtils.isLandscapeMobile(context))
               Row(
+                mainAxisSize: MainAxisSize.min,
+                crossAxisAlignment: CrossAxisAlignment.end,
+                children: [
+                  Flexible(child: SizedBox(
+                    width: AttachmentItemComposerWidgetStyle.width,
+                    child: ListView.builder(
+                      shrinkWrap: true,
+                      primary: false,
+                      itemCount: _listFileDisplayed.length,
+                      itemBuilder: (context, index) {
+                        return AttachmentItemComposerWidget(
+                          fileState: _listFileDisplayed[index],
+                          itemMargin: MobileAttachmentComposerWidgetStyle.itemMargin,
+                          onDeleteAttachmentAction: widget.onDeleteAttachmentAction
+                        );
+                      }
+                    ),
+                  )),
+                  if (!_isCollapsed && _isExceededDisplayedAttachments)
+                    TMailButtonWidget(
+                      text: AppLocalizations.of(context).showLess,
+                      icon: _imagePaths.icChevronUp,
+                      iconAlignment: TextDirection.rtl,
+                      iconSpace: 2,
+                      iconSize: 24,
+                      iconColor: AppColor.primaryColor,
+                      backgroundColor: Colors.transparent,
+                      textStyle: Theme.of(context).textTheme.labelSmall?.copyWith(
+                        fontSize: 15,
+                        color: AppColor.primaryColor
+                      ),
+                      padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 8),
+                      margin: const EdgeInsetsDirectional.only(start: 8),
+                      onTapActionCallback: _toggleListAttachments
+                    )
+                ],
+              ),
+              if (_isCollapsed && _isExceededDisplayedAttachments)
+                TMailButtonWidget.fromText(
+                  text: AppLocalizations.of(context).showMoreAttachment(_countRemainingAttachments),
+                  backgroundColor: Colors.transparent,
+                  textStyle: Theme.of(context).textTheme.labelSmall?.copyWith(
+                    fontSize: 15,
+                    color: AppColor.primaryColor
+                  ),
+                  margin: const EdgeInsetsDirectional.only(top: 5),
+                  onTapActionCallback: _toggleListAttachments
+                )
+            ]
+          )
+        : Row(
             crossAxisAlignment: CrossAxisAlignment.start,
+            mainAxisSize: MainAxisSize.min,
             children: [
               Flexible(
                 flex: 7,
                 child: GridView.builder(
                   primary: false,
                   shrinkWrap: true,
+                  padding: EdgeInsets.zero,
                   itemCount: _listFileDisplayed.length,
                   gridDelegate: const SliverGridDelegateFixedHeight(
                     height: MobileAttachmentComposerWidgetStyle.listItemHeight,
@@ -125,60 +180,6 @@ class _MobileAttachmentComposerWidgetState extends State<MobileAttachmentCompose
               )
             ],
       )
-          else
-            ...[
-              Row(
-                mainAxisSize: MainAxisSize.min,
-                crossAxisAlignment: CrossAxisAlignment.end,
-                children: [
-                  Flexible(child: SizedBox(
-                    width: AttachmentItemComposerWidgetStyle.width,
-                    child: ListView.builder(
-                      shrinkWrap: true,
-                      primary: false,
-                      itemCount: _listFileDisplayed.length,
-                      itemBuilder: (context, index) {
-                        return AttachmentItemComposerWidget(
-                          fileState: _listFileDisplayed[index],
-                          itemMargin: MobileAttachmentComposerWidgetStyle.itemMargin,
-                          onDeleteAttachmentAction: widget.onDeleteAttachmentAction
-                        );
-                      }
-                    ),
-                  )),
-                  if (!_isCollapsed && _isExceededDisplayedAttachments)
-                    TMailButtonWidget(
-                      text: AppLocalizations.of(context).showLess,
-                      icon: _imagePaths.icChevronUp,
-                      iconAlignment: TextDirection.rtl,
-                      iconSpace: 2,
-                      iconSize: 24,
-                      iconColor: AppColor.primaryColor,
-                      backgroundColor: Colors.transparent,
-                      textStyle: Theme.of(context).textTheme.labelSmall?.copyWith(
-                        fontSize: 15,
-                        color: AppColor.primaryColor
-                      ),
-                      padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 8),
-                      margin: const EdgeInsetsDirectional.only(start: 8),
-                      onTapActionCallback: _toggleListAttachments
-                    )
-                ],
-              ),
-              if (_isCollapsed && _isExceededDisplayedAttachments)
-                TMailButtonWidget.fromText(
-                  text: AppLocalizations.of(context).showMoreAttachment(_countRemainingAttachments),
-                  backgroundColor: Colors.transparent,
-                  textStyle: Theme.of(context).textTheme.labelSmall?.copyWith(
-                    fontSize: 15,
-                    color: AppColor.primaryColor
-                  ),
-                  margin: const EdgeInsetsDirectional.only(top: 5),
-                  onTapActionCallback: _toggleListAttachments
-                )
-            ]
-        ]
-      ),
     );
   }
 
@@ -194,7 +195,7 @@ class _MobileAttachmentComposerWidgetState extends State<MobileAttachmentCompose
 
   void _updateListFileDisplayed() {
     final reversedList = widget.listFileUploaded.reversed.toList();
-    if (_isCollapsed) {
+    if (_isCollapsed && reversedList.length > _maxCountDisplayedAttachments) {
       _listFileDisplayed = reversedList.sublist(0, _maxCountDisplayedAttachments);
     } else {
       _listFileDisplayed = reversedList;