チャンネルのハイライトを追加

poppingmoon · Jan 4, 2024 · 4a93614 · 4a93614
1 parent d3aa4de
commit 4a93614
Show file tree

Hide file tree

Showing 2 changed files with 55 additions and 5 deletions.
diff --git a/lib/view/channels_page/channel_detail_page.dart b/lib/view/channels_page/channel_detail_page.dart
@@ -4,6 +4,7 @@ import 'package:miria/model/account.dart';
 import 'package:miria/providers.dart';
 import 'package:miria/router/app_router.dart';
 import 'package:miria/view/channels_page/channel_detail_info.dart';
+import 'package:miria/view/channels_page/channel_highlight.dart';
 import 'package:miria/view/channels_page/channel_timeline.dart';
 import 'package:miria/view/common/account_scope.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
@@ -23,16 +24,19 @@ class ChannelDetailPage extends ConsumerWidget {
   @override
   Widget build(BuildContext context, WidgetRef ref) {
     return DefaultTabController(
-      length: 2,
+      length: 3,
       child: AccountScope(
         account: account,
         child: Scaffold(
           appBar: AppBar(
             title: const Text("チャンネル"),
-            bottom: const TabBar(tabs: [
-              Tab(child: Text("チャンネル情報")),
-              Tab(child: Text("タイムライン"))
-            ]),
+            bottom: const TabBar(
+              tabs: [
+                Tab(text: "チャンネル情報"),
+                Tab(text: "タイムライン"),
+                Tab(text: "ハイライト"),
+              ],
+            ),
           ),
           body: TabBarView(
             children: [
@@ -43,6 +47,10 @@ class ChannelDetailPage extends ConsumerWidget {
               Padding(
                   padding: const EdgeInsets.only(left: 10, right: 10),
                   child: ChannelTimeline(channelId: channelId)),
+              Padding(
+                padding: const EdgeInsets.symmetric(horizontal: 10),
+                child: ChannelHighlight(channelId: channelId),
+              ),
             ],
           ),
           floatingActionButton: FloatingActionButton(

diff --git a/lib/view/channels_page/channel_highlight.dart b/lib/view/channels_page/channel_highlight.dart
@@ -0,0 +1,42 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:miria/providers.dart';
+import 'package:miria/view/common/account_scope.dart';
+import 'package:miria/view/common/misskey_notes/misskey_note.dart';
+import 'package:miria/view/common/pushable_listview.dart';
+import 'package:misskey_dart/misskey_dart.dart';
+
+class ChannelHighlight extends ConsumerWidget {
+  final String channelId;
+  const ChannelHighlight({
+    super.key,
+    required this.channelId,
+  });
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final account = AccountScope.of(context);
+    return PushableListView<Note>(
+      initializeFuture: () async {
+        final response = await ref
+            .read(misskeyProvider(account))
+            .notes
+            .featured(NotesFeaturedRequest(channelId: channelId));
+        ref.read(notesProvider(account)).registerAll(response);
+        return response.toList();
+      },
+      nextFuture: (lastItem, _) async {
+        final response =
+            await ref.read(misskeyProvider(account)).notes.featured(
+                  NotesFeaturedRequest(
+                    channelId: channelId,
+                    untilId: lastItem.id,
+                  ),
+                );
+        ref.read(notesProvider(account)).registerAll(response);
+        return response.toList();
+      },
+      itemBuilder: (context, note) => MisskeyNote(note: note),
+    );
+  }
+}