TW-1846 Update file picker send screen style

linagora · Dec 2, 2024 · a57a73f · a57a73f
1 parent b6edfec
commit a57a73f
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 6 deletions.
diff --git a/assets/l10n/intl_en.arb b/assets/l10n/intl_en.arb
@@ -2948,7 +2948,7 @@
   },
   "settingsLanguageDescription": "Set the language you use on Twake Chat",
   "sendImages": "{count, plural, =1{Send 1 image} other{Send {count} images}}",
-  "enterCaption": "Enter a caption",
+  "enterCaption": "Add a caption...",
   "failToSend": "Failed to send, please try again",
   "showLess": "Show Less",
   "showMore": "Show More",

diff --git a/lib/pages/chat/send_file_dialog/send_file_dialog_style.dart b/lib/pages/chat/send_file_dialog/send_file_dialog_style.dart
@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_gen/gen_l10n/l10n.dart';
 import 'package:linagora_design_flutter/colors/linagora_ref_colors.dart';
+import 'package:linagora_design_flutter/colors/linagora_sys_colors.dart';
 
 class SendFileDialogStyle {
   static const dialogBorderRadius = 16.0;
@@ -34,9 +35,12 @@ class SendFileDialogStyle {
             ?.merge(
               Theme.of(context).inputDecorationTheme.hintStyle,
             )
-            .copyWith(letterSpacing: -0.15),
+            .copyWith(
+              letterSpacing: -0.15,
+              color: LinagoraRefColors.material().neutralVariant[60],
+            ),
         filled: true,
-        fillColor: Theme.of(context).colorScheme.surfaceContainerHighest,
+        fillColor: LinagoraSysColors.material().background,
       );
 
   static const spaceBwInputBarAndButton = SizedBox(height: 8.0);
@@ -73,4 +77,6 @@ class SendFileDialogStyle {
           );
 
   static const double errorSubHeaderWidth = 340;
+
+  static const double heightOfBottomSheet = 400;
 }
diff --git a/lib/presentation/mixins/media_picker_mixin.dart b/lib/presentation/mixins/media_picker_mixin.dart
@@ -96,6 +96,7 @@ mixin MediaPickerMixin on CommonMediaPickerMixin {
     });
 
     return await linagora_image_picker.ImagePicker.showImagesGridBottomSheet(
+      heightOfBottomSheet: SendFileDialogStyle.heightOfBottomSheet,
       context: context,
       controller: imagePickerController,
       backgroundImageCamera: MediaPickerStyle.cameraIcon,
@@ -115,6 +116,7 @@ mixin MediaPickerMixin on CommonMediaPickerMixin {
                 L10n.of(context)!.photoSelectedCounter(counterImage),
                 style: Theme.of(context).textTheme.titleMedium,
               ),
+              const Icon(Icons.chevron_right_outlined),
               const Expanded(child: SizedBox.shrink()),
             ],
           ),
@@ -163,7 +165,7 @@ mixin MediaPickerMixin on CommonMediaPickerMixin {
           return child!;
         },
         child: Container(
-          color: Colors.white,
+          color: LinagoraSysColors.material().background,
           child: Column(
             children: [
               Stack(

diff --git a/lib/presentation/style/media_picker_style.dart b/lib/presentation/style/media_picker_style.dart
@@ -16,7 +16,9 @@ class MediaPickerStyle {
 
   static const EdgeInsets itemPickerPadding = EdgeInsets.only(
     top: 8.0,
-    bottom: 34.0,
+    bottom: 17.0,
+    right: 65,
+    left: 65,
   );
 
   static const EdgeInsets composerPadding = EdgeInsets.only(
@@ -26,7 +28,7 @@ class MediaPickerStyle {
     left: 4.0,
   );
 
-  static const EdgeInsets sendButtonPadding = EdgeInsets.only(left: 8);
+  static const EdgeInsets sendButtonPadding = EdgeInsets.only(top: 4, left: 12);
 
   static const BorderRadius sendButtonBorderRadius =
       BorderRadius.all(Radius.circular(100));