TW-1902 update chat list item ui

TW-1902 update icons, text style TW-1920 add delivery state for chatlist items TW-1902 added image preview in chat_list TW-1902 added video preview for chat list items TW-1902 fixed bottom navigation avatar sync
linagora · Sep 17, 2024 · 0051826 · 0051826
1 parent 1bd7682
commit 0051826
Show file tree

Hide file tree

Showing 25 changed files with 345 additions and 279 deletions.
diff --git a/assets/images/ic_encrypted.svg b/assets/images/ic_encrypted.svg
diff --git a/assets/l10n/intl_en.arb b/assets/l10n/intl_en.arb
@@ -899,7 +899,7 @@
     "type": "text",
     "placeholders": {}
   },
-  "friday": "Friday",
+  "friday": "Fri",
   "@friday": {
     "type": "text",
     "placeholders": {}
@@ -1247,7 +1247,7 @@
     "type": "text",
     "placeholders": {}
   },
-  "monday": "Monday",
+  "monday": "Mon",
   "@monday": {
     "type": "text",
     "placeholders": {}
@@ -1692,7 +1692,7 @@
     "type": "text",
     "placeholders": {}
   },
-  "saturday": "Saturday",
+  "saturday": "Sat",
   "@saturday": {
     "type": "text",
     "placeholders": {}
@@ -1951,7 +1951,7 @@
     "type": "text",
     "placeholders": {}
   },
-  "sunday": "Sunday",
+  "sunday": "Sun",
   "@sunday": {
     "type": "text",
     "placeholders": {}
@@ -1981,7 +1981,7 @@
     "type": "text",
     "placeholders": {}
   },
-  "thursday": "Thursday",
+  "thursday": "Thu",
   "@thursday": {
     "type": "text",
     "placeholders": {}
@@ -2022,7 +2022,7 @@
     "type": "text",
     "placeholders": {}
   },
-  "tuesday": "Tuesday",
+  "tuesday": "Tue",
   "@tuesday": {
     "type": "text",
     "placeholders": {}
@@ -2199,7 +2199,7 @@
     "type": "text",
     "placeholders": {}
   },
-  "wednesday": "Wednesday",
+  "wednesday": "Wed",
   "@wednesday": {
     "type": "text",
     "placeholders": {}
@@ -3102,5 +3102,7 @@
   "sCameraLensDirectionLabel": "Camera lens direction: {value}",
   "sCameraPreviewLabel": "Camera preview: {value}",
   "sFlashModeLabel": "Flash mode: {mode}",
-  "sSwitchCameraLensDirectionLabel": "Switch to the {value} camera"
+  "sSwitchCameraLensDirectionLabel": "Switch to the {value} camera",
+  "photo": "Photo",
+  "video": "Video"
 }
diff --git a/assets/l10n/intl_fr.arb b/assets/l10n/intl_fr.arb
@@ -809,11 +809,6 @@
     "type": "text",
     "placeholders": {}
   },
-  "friday": "Vendredi",
-  "@friday": {
-    "type": "text",
-    "placeholders": {}
-  },
   "fromJoining": "À partir de l'entrée dans le salon",
   "@fromJoining": {
     "type": "text",
@@ -1143,11 +1138,6 @@
     "type": "text",
     "placeholders": {}
   },
-  "monday": "Lundi",
-  "@monday": {
-    "type": "text",
-    "placeholders": {}
-  },
   "muteChat": "Mettre la discussion en sourdine",
   "@muteChat": {
     "type": "text",
@@ -1541,11 +1531,6 @@
     "type": "text",
     "placeholders": {}
   },
-  "saturday": "Samedi",
-  "@saturday": {
-    "type": "text",
-    "placeholders": {}
-  },
   "saveFile": "Enregistrer le fichier",
   "@saveFile": {
     "type": "text",
@@ -1785,11 +1770,6 @@
     "type": "text",
     "placeholders": {}
   },
-  "sunday": "Dimanche",
-  "@sunday": {
-    "type": "text",
-    "placeholders": {}
-  },
   "synchronizingPleaseWait": "Synchronisation... Veuillez patienter.",
   "@synchronizingPleaseWait": {
     "type": "text",
@@ -1815,11 +1795,6 @@
     "type": "text",
     "placeholders": {}
   },
-  "thursday": "Jeudi",
-  "@thursday": {
-    "type": "text",
-    "placeholders": {}
-  },
   "title": "FluffyChat",
   "@title": {
     "description": "Title for the application",
@@ -1856,11 +1831,6 @@
     "type": "text",
     "placeholders": {}
   },
-  "tuesday": "Mardi",
-  "@tuesday": {
-    "type": "text",
-    "placeholders": {}
-  },
   "unavailable": "Indisponible",
   "@unavailable": {
     "type": "text",
@@ -2031,11 +2001,6 @@
     "type": "text",
     "placeholders": {}
   },
-  "wednesday": "Mercredi",
-  "@wednesday": {
-    "type": "text",
-    "placeholders": {}
-  },
   "weSentYouAnEmail": "Nous vous avons envoyé un message",
   "@weSentYouAnEmail": {
     "type": "text",

diff --git a/assets/l10n/intl_ru.arb b/assets/l10n/intl_ru.arb
@@ -800,11 +800,6 @@
     "type": "text",
     "placeholders": {}
   },
-  "friday": "Пятница",
-  "@friday": {
-    "type": "text",
-    "placeholders": {}
-  },
   "fromJoining": "С момента присоединения",
   "@fromJoining": {
     "type": "text",
@@ -1134,11 +1129,6 @@
     "type": "text",
     "placeholders": {}
   },
-  "monday": "Понедельник",
-  "@monday": {
-    "type": "text",
-    "placeholders": {}
-  },
   "muteChat": "Отключить уведомления",
   "@muteChat": {
     "type": "text",
@@ -1527,11 +1517,6 @@
     "type": "text",
     "placeholders": {}
   },
-  "saturday": "Суббота",
-  "@saturday": {
-    "type": "text",
-    "placeholders": {}
-  },
   "saveFile": "Сохранить файл",
   "@saveFile": {
     "type": "text",
@@ -1770,11 +1755,6 @@
     "type": "text",
     "placeholders": {}
   },
-  "sunday": "Воскресенье",
-  "@sunday": {
-    "type": "text",
-    "placeholders": {}
-  },
   "synchronizingPleaseWait": "Синхронизация… Пожалуйста, подождите.",
   "@synchronizingPleaseWait": {
     "type": "text",
@@ -1800,11 +1780,6 @@
     "type": "text",
     "placeholders": {}
   },
-  "thursday": "Четверг",
-  "@thursday": {
-    "type": "text",
-    "placeholders": {}
-  },
   "title": "FluffyChat",
   "@title": {
     "description": "Title for the application",
@@ -1841,11 +1816,6 @@
     "type": "text",
     "placeholders": {}
   },
-  "tuesday": "Вторник",
-  "@tuesday": {
-    "type": "text",
-    "placeholders": {}
-  },
   "unavailable": "Недоступен",
   "@unavailable": {
     "type": "text",
@@ -2016,11 +1986,6 @@
     "type": "text",
     "placeholders": {}
   },
-  "wednesday": "Среда",
-  "@wednesday": {
-    "type": "text",
-    "placeholders": {}
-  },
   "weSentYouAnEmail": "Мы отправили вам электронное письмо",
   "@weSentYouAnEmail": {
     "type": "text",

diff --git a/lib/pages/chat/chat_app_bar_title.dart b/lib/pages/chat/chat_app_bar_title.dart
@@ -91,10 +91,11 @@ class ChatAppBarTitle extends StatelessWidget {
                         padding: const EdgeInsets.all(2.0),
                         child: SvgPicture.asset(
                           ImagePaths.icEncrypted,
-                          width: 20,
-                          height: 20,
+                          width: 16,
+                          height: 16,
                         ),
                       ),
+                    const SizedBox(width: 4),
                     Flexible(
                       child: Text(
                         roomName ??

diff --git a/lib/pages/chat_list/chat_list.dart b/lib/pages/chat_list/chat_list.dart
@@ -788,7 +788,6 @@ class ChatListController extends State<ChatList>
     WidgetsBinding.instance.addPostFrameCallback((_) async {
       if (mounted) {
         Matrix.of(context).backgroundPush?.setupPush();
-        await matrixState.retrievePersistedActiveClient();
       }
     });
     _checkTorBrowser();

diff --git a/lib/pages/chat_list/chat_list_body_view.dart b/lib/pages/chat_list/chat_list_body_view.dart
@@ -7,7 +7,6 @@ import 'package:fluffychat/pages/chat_list/chat_list_view_builder.dart';
 import 'package:fluffychat/pages/chat_list/space_view.dart';
 import 'package:fluffychat/presentation/enum/chat_list/chat_list_enum.dart';
 import 'package:fluffychat/resource/image_paths.dart';
-import 'package:fluffychat/utils/extension/value_notifier_extension.dart';
 import 'package:fluffychat/utils/stream_extension.dart';
 import 'package:fluffychat/widgets/connection_status_header.dart';
 import 'package:flutter/material.dart';
@@ -148,15 +147,7 @@ class ChatListBodyView extends StatelessWidget {
                               mainAxisSize: MainAxisSize.min,
                               crossAxisAlignment: CrossAxisAlignment.start,
                               children: [
-                                ExpandableTitleBuilder(
-                                  title: L10n.of(context)!.countPinChat(
-                                    controller.filteredRoomsForPin.length,
-                                  ),
-                                  isExpanded: isExpanded,
-                                  onTap: controller
-                                      .expandRoomsForPinNotifier.toggle,
-                                ),
-                                if (isExpanded) child!,
+                                child!,
                               ],
                             );
                           },
@@ -166,33 +157,15 @@ class ChatListBodyView extends StatelessWidget {
                           ),
                         ),
                       if (!controller.filteredRoomsForAllIsEmpty)
-                        ValueListenableBuilder(
-                          valueListenable: controller.expandRoomsForAllNotifier,
-                          builder: (context, isExpanded, child) {
-                            return Padding(
-                              padding: ChatListBodyViewStyle
-                                  .paddingTopExpandableTitleBuilder,
-                              child: Column(
-                                mainAxisSize: MainAxisSize.min,
-                                crossAxisAlignment: CrossAxisAlignment.start,
-                                children: [
-                                  ExpandableTitleBuilder(
-                                    title: L10n.of(context)!.countAllChat(
-                                      controller.filteredRoomsForAll.length,
-                                    ),
-                                    isExpanded: isExpanded,
-                                    onTap: controller
-                                        .expandRoomsForAllNotifier.toggle,
-                                  ),
-                                  if (isExpanded) child!,
-                                ],
-                              ),
-                            );
-                          },
-                          child: ChatListViewBuilder(
-                            controller: controller,
-                            rooms: controller.filteredRoomsForAll,
-                          ),
+                        Column(
+                          mainAxisSize: MainAxisSize.min,
+                          crossAxisAlignment: CrossAxisAlignment.start,
+                          children: [
+                            ChatListViewBuilder(
+                              controller: controller,
+                              rooms: controller.filteredRoomsForAll,
+                            ),
+                          ],
                         ),
                     ],
                   ),

diff --git a/lib/pages/chat_list/chat_list_header_style.dart b/lib/pages/chat_list/chat_list_header_style.dart
@@ -44,7 +44,7 @@ class ChatListHeaderStyle {
       prefixIcon: Icon(
         Icons.search,
         size: ChatListHeaderStyle.searchIconSize,
-        color: prefixIconColor ?? Theme.of(context).colorScheme.onSurface,
+        color: prefixIconColor ?? LinagoraRefColors.material().neutral[60],
       ),
       suffixIcon: const SizedBox.shrink(),
     );