📱 Responsive for desktop

lib/widgets/post/post_item.dart

@@ -17,6 +17,7 @@ import 'package:styled_widget/styled_widget.dart';
 import 'package:super_context_menu/super_context_menu.dart';
 
 class PostItem extends HookConsumerWidget {
+  final Color? backgroundColor;
   final SnPost item;
   final EdgeInsets? padding;
   final bool isOpenable;
@@ -25,6 +26,7 @@ class PostItem extends HookConsumerWidget {
   const PostItem({
     super.key,
     required this.item,
+    this.backgroundColor,
     this.padding,
     this.isOpenable = true,
     this.onRefresh,
@@ -96,6 +98,7 @@ class PostItem extends HookConsumerWidget {
         );
       },
       child: Material(
+        color: backgroundColor,
         child: Padding(
           padding: renderingPadding,
           child: Column(

lib/widgets/post/post_list.dart

@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
 import 'package:island/models/post.dart';
 import 'package:island/pods/network.dart';
+import 'package:island/widgets/content/paging_helper_ext.dart';
 import 'package:island/widgets/post/post_item.dart';
 import 'package:riverpod_annotation/riverpod_annotation.dart';
 import 'package:riverpod_paging_utils/riverpod_paging_utils.dart';
@@ -53,7 +54,7 @@ class SliverPostList extends HookConsumerWidget {
 
   @override
   Widget build(BuildContext context, WidgetRef ref) {
-    return PagingHelperView(
+    return PagingHelperSliverView(
       provider: postListNotifierProvider,
       futureRefreshable: postListNotifierProvider.future,
       notifierRefreshable: postListNotifierProvider.notifier,

lib/widgets/post/post_quick_reply.dart

@@ -4,7 +4,7 @@ import 'package:flutter_hooks/flutter_hooks.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
 import 'package:island/models/post.dart';
 import 'package:island/pods/network.dart';
-import 'package:island/screens/account/me/publishers.dart';
+import 'package:island/screens/creators/publishers.dart';
 import 'package:island/widgets/alert.dart';
 import 'package:island/widgets/content/cloud_files.dart';
 import 'package:island/widgets/post/publishers_modal.dart';

lib/widgets/post/post_replies.dart

@@ -3,7 +3,9 @@ import 'package:flutter/material.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
 import 'package:island/models/post.dart';
 import 'package:island/pods/network.dart';
+import 'package:island/services/responsive.dart';
 import 'package:island/widgets/post/post_item.dart';
+import 'package:island/widgets/response.dart';
 import 'package:styled_widget/styled_widget.dart';
 import 'package:very_good_infinite_list/very_good_infinite_list.dart';
 
@@ -14,6 +16,7 @@ class PostRepliesList extends HookConsumerWidget {
   @override
   Widget build(BuildContext context, WidgetRef ref) {
     final postAsync = ref.watch(postRepliesProvider(postId));
+    final isWide = isWideScreen(context);
 
     return RefreshIndicator(
       onRefresh:
@@ -37,7 +40,10 @@ class PostRepliesList extends HookConsumerWidget {
                 onFetchData: controller.fetchMore,
                 itemBuilder: (context, index) {
                   final post = controller.posts[index];
-                  return PostItem(item: post);
+                  return PostItem(
+                    item: post,
+                    backgroundColor: isWide ? Colors.transparent : null,
+                  );
                 },
                 separatorBuilder: (_, __) => const Divider(height: 1),
                 emptyBuilder: (context) {
@@ -55,11 +61,9 @@ class PostRepliesList extends HookConsumerWidget {
             ),
         loading: () => const Center(child: CircularProgressIndicator()),
         error:
-            (e, _) => GestureDetector(
-              child: Center(
-                child: Text('Error: $e', textAlign: TextAlign.center),
-              ),
-              onTap: () {
+            (e, _) => ResponseErrorWidget(
+              error: e,
+              onRetry: () {
                 ref.invalidate(postRepliesProvider(postId));
               },
             ),

lib/widgets/post/publishers_modal.dart

@@ -6,7 +6,7 @@ import 'package:flutter/material.dart';
 import 'package:gap/gap.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
 import 'package:island/route.gr.dart';
-import 'package:island/screens/account/me/publishers.dart';
+import 'package:island/screens/creators/publishers.dart';
 import 'package:island/widgets/content/cloud_files.dart';
 import 'package:styled_widget/styled_widget.dart';