From 88b13a8c46530c40a449ecfe2f506d988929a5de Mon Sep 17 00:00:00 2001
From: Julian KOUNE <jkoune@linagora.com>
Date: Fri, 25 Aug 2023 14:25:34 +0200
Subject: [PATCH] fixup! fixup! fixup! fix: reduce bubble message width

---
 lib/pages/chat/events/message.dart               | 10 +---------
 lib/pages/chat/events/message/message_style.dart | 12 ++++++++++++
 2 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/lib/pages/chat/events/message.dart b/lib/pages/chat/events/message.dart
index b7adf70960..a8a4daf82d 100644
--- a/lib/pages/chat/events/message.dart
+++ b/lib/pages/chat/events/message.dart
@@ -7,8 +7,6 @@ import 'package:fluffychat/pages/chat/events/message_reactions.dart';
 import 'package:fluffychat/pages/chat/events/message_time.dart';
 import 'package:fluffychat/pages/chat/sticky_timstamp_widget.dart';
 import 'package:fluffychat/utils/date_time_extension.dart';
-import 'package:fluffychat/utils/extension/build_context_extension.dart';
-import 'package:fluffychat/utils/responsive/responsive_utils.dart';
 import 'package:fluffychat/widgets/avatar/avatar.dart';
 import 'package:fluffychat/widgets/matrix.dart';
 import 'package:fluffychat/widgets/swipeable.dart';
@@ -121,13 +119,7 @@ class Message extends StatelessWidget {
                 //   ReplyIconWidget(isOwnMessage: ownMessage),
                 Container(
                   constraints: BoxConstraints(
-                    maxWidth: context.responsiveValue<double>(
-                      desktop: ResponsiveUtils.maxMessageBubbleLargeWidth,
-                      tablet: ResponsiveUtils.maxMessageBubbleLargeWidth,
-                      mobile: MediaQuery.of(context).size.width *
-                          ResponsiveUtils.maxMessageBubbleMobileRatioWidth,
-                      watch: ResponsiveUtils.maxMessageBubbleWatchWidth,
-                    ),
+                    maxWidth: MessageStyle.messageBubbleWidth(context),
                   ),
                   child: Column(
                     crossAxisAlignment: CrossAxisAlignment.start,
diff --git a/lib/pages/chat/events/message/message_style.dart b/lib/pages/chat/events/message/message_style.dart
index 2d7ee2bfa3..136cf94ff7 100644
--- a/lib/pages/chat/events/message/message_style.dart
+++ b/lib/pages/chat/events/message/message_style.dart
@@ -1,5 +1,7 @@
 import 'package:fluffychat/config/app_config.dart';
 import 'package:flutter/material.dart';
+import 'package:fluffychat/utils/responsive/responsive_utils.dart';
+import 'package:fluffychat/utils/extension/build_context_extension.dart';
 
 class MessageStyle {
   static final bubbleBorderRadius = BorderRadius.circular(20);
@@ -47,4 +49,14 @@ class MessageStyle {
   static double get forwardContainerSize => 40.0;
   static Color? forwardColorBackground(context) =>
       Theme.of(context).colorScheme.surfaceTint.withOpacity(0.08);
+
+  static double messageBubbleWidth(BuildContext context) {
+    return context.responsiveValue<double>(
+      desktop: ResponsiveUtils.maxMessageBubbleLargeWidth,
+      tablet: ResponsiveUtils.maxMessageBubbleLargeWidth,
+      mobile: MediaQuery.of(context).size.width *
+          ResponsiveUtils.maxMessageBubbleMobileRatioWidth,
+      watch: ResponsiveUtils.maxMessageBubbleWatchWidth,
+    );
+  }
 }