🐛 Bug fixes

2025-06-30 23:55:44 +08:00
parent d6c829c26a
commit 6c7d42c31a
8 changed files with 93 additions and 16 deletions
--- a/lib/screens/posts/post_detail.dart
+++ b/lib/screens/posts/post_detail.dart
@ -0,0 +1,120 @@
+import 'package:flutter/material.dart';
+import 'package:gap/gap.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:island/models/post.dart';
+import 'package:island/pods/network.dart';
+import 'package:island/pods/userinfo.dart';
+import 'package:island/services/responsive.dart';
+import 'package:island/widgets/app_scaffold.dart';
+import 'package:island/widgets/post/post_item.dart';
+import 'package:island/widgets/post/post_quick_reply.dart';
+import 'package:island/widgets/post/post_replies.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:riverpod_annotation/riverpod_annotation.dart';
+import 'package:styled_widget/styled_widget.dart';
+
+part 'post_detail.g.dart';
+
+@riverpod
+Future<SnPost?> post(Ref ref, String id) async {
+  final client = ref.watch(apiClientProvider);
+  final resp = await client.get('/posts/$id');
+  return SnPost.fromJson(resp.data);
+}
+
+final postStateProvider = StateNotifierProvider.family<PostState, AsyncValue<SnPost?>, String>(
+  (ref, id) => PostState(ref, id),
+);
+
+class PostState extends StateNotifier<AsyncValue<SnPost?>> {
+  final Ref _ref;
+  final String _id;
+
+  PostState(this._ref, this._id) : super(const AsyncValue.loading()) {
+    // Initialize with the initial post data
+    _ref.listen<AsyncValue<SnPost?>>(
+      postProvider(_id),
+      (_, next) => state = next,
+    );
+  }
+
+  void updatePost(SnPost? newPost) {
+    if (newPost != null) {
+      state = AsyncData(newPost);
+    }
+  }
+}
+
+class PostDetailScreen extends HookConsumerWidget {
+  final String id;
+  const PostDetailScreen({super.key, required this.id});
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final postState = ref.watch(postStateProvider(id));
+    final user = ref.watch(userInfoProvider);
+
+    final isWide = isWideScreen(context);
+
+    return AppScaffold(
+      appBar: AppBar(title: const Text('Post')),
+      body: postState.when(
+        data: (post) {
+          return Stack(
+            fit: StackFit.expand,
+            children: [
+              CustomScrollView(
+                slivers: [
+                  SliverToBoxAdapter(
+                    child: Column(
+                      children: [
+                        PostItem(
+                          item: post!,
+                          isOpenable: false,
+                          isFullPost: true,
+                          backgroundColor: isWide ? Colors.transparent : null,
+                          onUpdate: (newItem) {
+                            // Update the local state with the new post data
+                            ref.read(postStateProvider(id).notifier).updatePost(newItem);
+                          },
+                        ),
+                        const Divider(height: 1),
+                      ],
+                    ),
+                  ),
+                  PostRepliesList(postId: id),
+                  SliverGap(MediaQuery.of(context).padding.bottom + 80),
+                ],
+              ),
+              if (user.value != null)
+                Positioned(
+                  bottom: 0,
+                  left: 0,
+                  right: 0,
+                  child: Material(
+                    elevation: 2,
+                    child: postState.when(
+                      data: (post) => PostQuickReply(
+                        parent: post!,
+                        onPosted: () {
+                          ref.invalidate(postRepliesNotifierProvider(id));
+                        },
+                      ),
+                      loading: () => const SizedBox.shrink(),
+                      error: (_, __) => const SizedBox.shrink(),
+                    ).padding(
+                      bottom: MediaQuery.of(context).padding.bottom + 16,
+                      top: 16,
+                      horizontal: 16,
+                    ),
+                  ),
+                ),
+            ],
+          );
+        },
+        loading: () => const Center(child: CircularProgressIndicator()),
+        error: (e, _) => Text('Error: $e'),
+      ),
+    );
+  }
+}