alterações em telas

lib/pages/chat_list/tabs/channels_tab.dart

@@ -5,75 +5,104 @@
 
 import 'package:material_ui/material_ui.dart';
 import 'package:matrix/matrix.dart';
+import 'package:tatchat/config/app_config.dart';
 import 'package:tatchat/l10n/l10n.dart';
 import 'package:tatchat/pages/chat_list/chat_list.dart';
 import 'package:tatchat/pages/chat_list/chat_list_item.dart';
+import 'package:tatchat/pages/chat_list/tabs/chat_tab_header.dart';
 import 'package:tatchat/pages/chat_list/tabs/empty_tab_view.dart';
+import 'package:tatchat/pages/chat_list/tabs/home_tab.dart';
+import 'package:tatchat/utils/matrix_sdk_extensions/matrix_locals.dart';
 import 'package:tatchat/utils/stream_extension.dart';
 import 'package:tatchat/widgets/matrix.dart';
 
-class ChannelsTab extends StatelessWidget {
+class ChannelsTab extends StatefulWidget {
   final ChatListController controller;
 
   const ChannelsTab(this.controller, {super.key});
 
+  @override
+  State<ChannelsTab> createState() => _ChannelsTabState();
+}
+
+class _ChannelsTabState extends State<ChannelsTab> {
+  final TextEditingController _searchController = TextEditingController();
+  final FocusNode _searchFocusNode = FocusNode();
+  bool _isSearchMode = false;
+
+  @override
+  void dispose() {
+    _searchController.dispose();
+    _searchFocusNode.dispose();
+    super.dispose();
+  }
+
   @override
   Widget build(BuildContext context) {
     final client = Matrix.of(context).client;
     final theme = Theme.of(context);
-    return StreamBuilder(
-      key: ValueKey(client.userID.toString()),
-      stream: client.onSync.stream
-          .where((s) => s.hasRoomUpdate)
-          .rateLimit(const Duration(seconds: 1)),
-      builder: (context, _) {
-        final channels = client.rooms
-            .where((room) => !room.isSpace && !room.isDirectChat)
-            .toList();
-        return CustomScrollView(
-          slivers: [
-            SliverToBoxAdapter(
-              child: Padding(
-                padding: const EdgeInsets.all(16.0),
-                child: Row(
-                  children: [
-                    Icon(
-                      Icons.tag_outlined,
-                      color: theme.colorScheme.primary,
-                    ),
-                    const SizedBox(width: 8),
-                    Text(
-                      L10n.of(context).channels,
-                      style: theme.textTheme.titleLarge,
-                    ),
-                  ],
-                ),
-              ),
-            ),
-            if (channels.isEmpty)
-              SliverFillRemaining(
-                hasScrollBody: false,
-                child: EmptyTabView(
-                  icon: Icons.tag_outlined,
-                  title: L10n.of(context).noChannelsFound,
-                ),
-              )
-            else
-              SliverList.builder(
-                itemCount: channels.length,
-                itemBuilder: (context, i) {
-                  final room = channels[i];
-                  return ChatListItem(
-                    room,
-                    key: Key('channel_list_item_${room.id}'),
-                    onTap: () => controller.onChatTap(room),
-                    activeChat: controller.activeChat == room.id,
-                  );
-                },
-              ),
-          ],
-        );
+    final searchText = _searchController.text.trim().toLowerCase();
+    return ChatTabScaffold(
+      tab: HomeTab.channels,
+      isSearchMode: _isSearchMode,
+      onSearchPressed: () => setState(() => _isSearchMode = true),
+      onSearchCancelled: () {
+        setState(() {
+          _isSearchMode = false;
+          _searchController.clear();
+        });
       },
+      searchController: _searchController,
+      searchFocusNode: _searchFocusNode,
+      onSearchChanged: (_) => setState(() {}),
+      controller: widget.controller,
+      child: StreamBuilder(
+        key: ValueKey(client.userID.toString()),
+        stream: client.onSync.stream
+            .where((s) => s.hasRoomUpdate)
+            .rateLimit(const Duration(seconds: 1)),
+        builder: (context, _) {
+          final channels = client.rooms
+              .where((room) => room.tags.keys.contains(AppConfig.canalTag))
+              .where(
+                (room) =>
+                    searchText.isEmpty ||
+                    room
+                        .getLocalizedDisplayname(MatrixLocals(L10n.of(context)))
+                        .toLowerCase()
+                        .contains(searchText),
+              )
+              .toList();
+          return ColoredBox(
+            color: theme.colorScheme.surface,
+            child: CustomScrollView(
+              slivers: [
+                if (channels.isEmpty)
+                  SliverFillRemaining(
+                    hasScrollBody: false,
+                    child: EmptyTabView(
+                      icon: Icons.tag_outlined,
+                      title: L10n.of(context).noChannelsFound,
+                    ),
+                  )
+                else
+                  SliverList.builder(
+                    itemCount: channels.length,
+                    itemBuilder: (context, i) {
+                      final room = channels[i];
+                      return ChatListItem(
+                        room,
+                        key: Key('channel_list_item_${room.id}'),
+                        onTap: () => widget.controller.onChatTap(room),
+                        activeChat: widget.controller.activeChat == room.id,
+                      );
+                    },
+                  ),
+              ],
+            ),
+          );
+        },
+      ),
     );
   }
 }