feat(chat, feed): add images, chat search, likes reply to comment

2024-08-21 16:24:53 +03:00
parent 892fdbebb8
commit 8349778e48
24 changed files with 2213 additions and 445 deletions
--- a/lib/features/chat/presentation/pages/chat_select_screen.dart
+++ b/lib/features/chat/presentation/pages/chat_select_screen.dart
@@ -0,0 +1,111 @@
+import 'package:easy_debounce/easy_debounce.dart';
+import 'package:eatvio_app/core/app_export.dart';
+import 'package:eatvio_app/features/chat/presentation/bloc/chat_select_cubit/chat_select_cubit.dart';
+import 'package:eatvio_app/features/chat/presentation/bloc/chat_select_cubit/chat_select_state.dart';
+import 'package:eatvio_app/features/chat/presentation/widgets/chat_entry_widget.dart';
+import 'package:eatvio_app/features/chat/presentation/widgets/chat_search_bar_widget.dart';
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+
+class ChatSelectScreen extends StatefulWidget {
+  const ChatSelectScreen({Key? key}) : super(key: key);
+
+  @override
+  State<ChatSelectScreen> createState() => _ChatSelectScreenState();
+}
+
+class _ChatSelectScreenState extends State<ChatSelectScreen> {
+  final searchController = TextEditingController();
+
+  Widget build(BuildContext context) {
+    return BlocBuilder<ChatSelectCubit, ChatSelectState>(
+      builder: (context, state) {
+        return Scaffold(
+          appBar: AppBar(
+            backgroundColor: Colors.white,
+            toolbarHeight: 0,
+          ),
+          body: NestedScrollView(
+            headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) {
+              return [
+                SliverPadding(
+                  padding: const EdgeInsets.only(top: 8),
+                  sliver: SliverAppBar(
+                    automaticallyImplyLeading: false,
+                    stretchTriggerOffset: 1,
+                    scrolledUnderElevation: 0,
+                    floating: true,
+                    snap: true,
+                    title: Padding(
+                      padding: const EdgeInsets.only(top: 8),
+                      child: ChatSearchBarWidget(
+                        onChanged: (query) {
+                          if (query.length > 2) {
+                            EasyDebounce.debounce(
+                              'searchChatRoom',
+                              Duration(milliseconds: 300),
+                              () => context.read<ChatSelectCubit>().getChatRooms(query: query),
+                            );
+                          } else {
+                            context.read<ChatSelectCubit>().getChatRooms();
+                          }
+                        },
+                        controller: searchController,
+                        fillColor: Color(0xFFF0F2F5),
+                        hintText: "Поиск",
+                        hintStyle: TextStyle(
+                          color: Color(0xFF7B8794),
+                        ),
+                      ),
+                    ),
+                  ),
+                ),
+              ];
+            },
+            body: stateBuilder(state),
+          ),
+        );
+      },
+    );
+  }
+
+  stateBuilder(state) {
+    if (state is ChatSelectStateLoading) {
+      return Scaffold(
+        body: Center(
+          child: CupertinoActivityIndicator(),
+        ),
+      );
+    } else if (state is ChatSelectStateLoaded) {
+      return _buildChatList(context, state);
+    } else if (state is ChatSelectStateError) {
+      return Padding(
+        padding: const EdgeInsets.all(16),
+        child: Center(child: Text(state.errorMessage)),
+      );
+    } else {
+      return Scaffold(
+        body: Center(
+          child: CupertinoActivityIndicator(),
+        ),
+      );
+    }
+  }
+}
+
+_buildChatList(BuildContext context, ChatSelectStateLoaded state) {
+  return ListView.separated(
+    padding: EdgeInsets.all(16),
+    shrinkWrap: true,
+    physics: NeverScrollableScrollPhysics(),
+    separatorBuilder: (context, index) {
+      return SizedBox(
+        height: 8,
+      );
+    },
+    itemCount: state.chatRooms.length,
+    itemBuilder: (context, index) {
+      return ChatEntryWidget(chatRoom: state.chatRooms[index]);
+    },
+  );
+}