refactor: add translation option and builder for no chats case

packages/flutter_chat/example/lib/main.dart

@@ -24,7 +24,12 @@ class Home extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return Center(
-      child: chatNavigatorUserStory(context),
+        child: chatNavigatorUserStory(context,
-    );
+            configuration: ChatUserStoryConfiguration(
+                chatService: LocalChatService(),
+                chatOptionsBuilder: (ctx) => ChatOptions(
+                      noChatsPlaceholderBuilder: (translations) =>
+                          Text(translations.noUsersFound),
+                    ))));
   }
 }

packages/flutter_chat_view/lib/src/config/chat_options.dart

@@ -18,6 +18,7 @@ class ChatOptions {
     this.userAvatarBuilder = _createUserAvatar,
     this.groupAvatarBuilder = _createGroupAvatar,
     this.noChatsPlaceholderBuilder = _createNoChatsPlaceholder,
+    this.noUsersPlaceholderBuilder = _createNoUsersPlaceholder,
   });
 
   /// Builder function for the new chat button.
@@ -43,6 +44,9 @@ class ChatOptions {
 
   /// Builder function for the placeholder shown when no chats are available.
   final NoChatsPlaceholderBuilder noChatsPlaceholderBuilder;
+
+  /// Builder function for the placeholder shown when no users are available.
+  final NoUsersPlaceholderBuilder noUsersPlaceholderBuilder;
 }
 
 Widget _createNewChatButton(
@@ -179,6 +183,20 @@ Widget _createGroupAvatar(
 
 Widget _createNoChatsPlaceholder(
   ChatTranslations translations,
+) =>
+    Center(
+      child: Text(
+        translations.noChatsFound,
+        textAlign: TextAlign.center,
+        style: const TextStyle(
+          color: Colors.white,
+          fontSize: 18,
+        ),
+      ),
+    );
+
+Widget _createNoUsersPlaceholder(
+  ChatTranslations translations,
 ) =>
     Center(
       child: Text(
@@ -231,3 +249,7 @@ typedef GroupAvatarBuilder = Widget Function(
 typedef NoChatsPlaceholderBuilder = Widget Function(
   ChatTranslations translations,
 );
+
+typedef NoUsersPlaceholderBuilder = Widget Function(
+  ChatTranslations translations,
+);

packages/flutter_chat_view/lib/src/config/chat_translations.dart

@@ -20,7 +20,8 @@ class ChatTranslations {
         'Are you sure you want to delete this chat?',
     this.deleteChatModalCancel = 'Cancel',
     this.deleteChatModalConfirm = 'Delete',
-    this.noUsersFound = 'No users found',
+    this.noUsersFound = 'No users were found to start a chat with.',
+    this.noChatsFound = 'Click on \'Start a chat\' to create a new chat.',
     this.anonymousUser = 'Anonymous user',
     this.chatCantBeDeleted = 'This chat can\'t be deleted',
     this.chatProfileUsers = 'Users:',
@@ -42,6 +43,7 @@ class ChatTranslations {
   final String deleteChatModalCancel;
   final String deleteChatModalConfirm;
   final String noUsersFound;
+  final String noChatsFound;
   final String chatCantBeDeleted;
   final String chatProfileUsers;
 

packages/flutter_chat_view/lib/src/screens/chat_detail_screen.dart

@@ -196,28 +196,38 @@ class _ChatDetailScreenState extends State<ChatDetailScreen> {
                             36.0,
                           ),
                         ] else if (chatModel is PersonalChatModel) ...[
-                          Row(
-                            mainAxisAlignment: MainAxisAlignment.center,
-                            children: [
                           widget.options.userAvatarBuilder(
                             chatModel.user,
                             36.0,
                           ),
-                              const SizedBox(width: 8),
+                        ] else
-                              Text(
+                          ...[],
-                                chatModel.user.firstName ??
+                        Padding(
-                                    widget.translations.anonymousUser,
+                          padding: const EdgeInsets.only(left: 15.5),
+                          child: widget.chatTitleBuilder != null
+                              ? widget.chatTitleBuilder!.call(
+                                  (chatModel is GroupChatModel)
+                                      ? chatModel.title
+                                      : (chatModel is PersonalChatModel)
+                                          ? chatModel.user.fullName ??
+                                              widget.translations.anonymousUser
+                                          : '',
+                                )
+                              : Text(
+                                  (chatModel is GroupChatModel)
+                                      ? chatModel.title
+                                      : (chatModel is PersonalChatModel)
+                                          ? chatModel.user.fullName ??
+                                              widget.translations.anonymousUser
+                                          : '',
                                   style: theme.appBarTheme.titleTextStyle ??
                                       const TextStyle(
-                                      fontSize: 18,
                                         fontWeight: FontWeight.w800,
+                                        fontSize: 18.0,
                                         color: Colors.white,
                                       ),
                                 ),
-                            ],
                         ),
-                        ] else
-                          ...[],
                       ],
               ),
             ),

packages/flutter_chat_view/lib/src/screens/chat_screen.dart

@@ -304,7 +304,8 @@ class ChatListItem extends StatelessWidget {
                             translations.anonymousUser,
                         subTitle: chat.lastMessage != null
                             ? chat.lastMessage is ChatTextMessageModel
-                  ? (chat.lastMessage! as ChatTextMessageModel).text
+                                ? (chat.lastMessage! as ChatTextMessageModel)
+                                    .text
                                 : '📷 '
                                     '${translations.image}'
                             : '',
@@ -319,7 +320,8 @@ class ChatListItem extends StatelessWidget {
                         unreadMessages: chat.unreadMessages ?? 0,
                         subTitle: chat.lastMessage != null
                             ? chat.lastMessage is ChatTextMessageModel
-                  ? (chat.lastMessage! as ChatTextMessageModel).text
+                                ? (chat.lastMessage! as ChatTextMessageModel)
+                                    .text
                                 : '📷 '
                                     '${translations.image}'
                             : '',

packages/flutter_chat_view/lib/src/screens/new_chat_screen.dart

@@ -106,8 +106,10 @@ class _NewChatScreenState extends State<NewChatScreen> {
                 } else if (snapshot.hasData) {
                   return _buildUserList(snapshot.data!);
                 } else {
-                  return widget.options
+                  return Padding(
-                      .noChatsPlaceholderBuilder(widget.translations);
+                    padding: const EdgeInsets.only(top: 20.0),
+                    child: Text(widget.translations.noUsersFound),
+                  );
                 }
               },
             ),