✨ Chat channels index

lib/screens/chat/index.dart

@@ -0,0 +1,74 @@
+import 'dart:convert';
+
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+import 'package:solian/models/channel.dart';
+import 'package:solian/providers/auth.dart';
+import 'package:solian/utils/service_url.dart';
+import 'package:solian/widgets/indent_wrapper.dart';
+import 'package:flutter_gen/gen_l10n/app_localizations.dart';
+
+class ChatIndexScreen extends StatefulWidget {
+  const ChatIndexScreen({super.key});
+
+  @override
+  State<ChatIndexScreen> createState() => _ChatIndexScreenState();
+}
+
+class _ChatIndexScreenState extends State<ChatIndexScreen> {
+  List<Channel> _channels = List.empty();
+
+  Future<void> fetchChannels(BuildContext context) async {
+    final auth = context.read<AuthProvider>();
+    if (!await auth.isAuthorized()) return;
+
+    var uri = getRequestUri('messaging', '/api/channels/me/available');
+
+    var res = await auth.client!.get(uri);
+    if (res.statusCode == 200) {
+      final result = jsonDecode(utf8.decode(res.bodyBytes)) as List<dynamic>;
+      setState(() {
+        _channels = result.map((x) => Channel.fromJson(x)).toList();
+      });
+    } else {
+      var message = utf8.decode(res.bodyBytes);
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(content: Text("Something went wrong... $message")),
+      );
+    }
+  }
+
+  @override
+  void initState() {
+    Future.delayed(Duration.zero, () {
+      fetchChannels(context);
+    });
+
+    super.initState();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return IndentWrapper(
+      title: AppLocalizations.of(context)!.chat,
+      child: RefreshIndicator(
+        onRefresh: () => fetchChannels(context),
+        child: ListView.builder(
+          itemCount: _channels.length,
+          itemBuilder: (context, index) {
+            final element = _channels[index];
+            return ListTile(
+              leading: const CircleAvatar(
+                backgroundColor: Colors.indigo,
+                child: Icon(Icons.tag, color: Colors.white),
+              ),
+              title: Text(element.name),
+              subtitle: Text(element.description),
+              onTap: () {},
+            );
+          },
+        ),
+      ),
+    );
+  }
+}

lib/screens/explore.dart

@@ -19,8 +19,7 @@ class ExploreScreen extends StatefulWidget {
 }
 
 class _ExploreScreenState extends State<ExploreScreen> {
-  final PagingController<int, Post> _pagingController =
-      PagingController(firstPageKey: 0);
+  final PagingController<int, Post> _pagingController = PagingController(firstPageKey: 0);
 
   final http.Client _client = http.Client();
 
@@ -28,15 +27,12 @@ class _ExploreScreenState extends State<ExploreScreen> {
     final offset = pageKey;
     const take = 5;
 
-    var uri =
-        getRequestUri('interactive', '/api/feed?take=$take&offset=$offset');
+    var uri = getRequestUri('interactive', '/api/feed?take=$take&offset=$offset');
 
     var res = await _client.get(uri);
     if (res.statusCode == 200) {
-      final result =
-          PaginationResult.fromJson(jsonDecode(utf8.decode(res.bodyBytes)));
-      final items =
-          result.data?.map((x) => Post.fromJson(x)).toList() ?? List.empty();
+      final result = PaginationResult.fromJson(jsonDecode(utf8.decode(res.bodyBytes)));
+      final items = result.data?.map((x) => Post.fromJson(x)).toList() ?? List.empty();
       final isLastPage = (result.count - pageKey) < take;
       if (isLastPage || result.data == null) {
         _pagingController.appendLastPage(items);
@@ -77,8 +73,7 @@ class _ExploreScreenState extends State<ExploreScreen> {
             constraints: const BoxConstraints(maxWidth: 640),
             child: PagedListView<int, Post>.separated(
               pagingController: _pagingController,
-              separatorBuilder: (context, index) =>
-                  const Divider(thickness: 0.3),
+              separatorBuilder: (context, index) => const Divider(thickness: 0.3),
               builderDelegate: PagedChildBuilderDelegate<Post>(
                 itemBuilder: (context, item, index) => GestureDetector(
                   child: PostItem(