💄 Optimize post video displaying

lib/widgets/post/post_comment_list.dart

@@ -4,6 +4,7 @@ import 'package:gap/gap.dart';
 import 'package:go_router/go_router.dart';
 import 'package:material_symbols_icons/symbols.dart';
 import 'package:provider/provider.dart';
+import 'package:responsive_framework/responsive_framework.dart';
 import 'package:styled_widget/styled_widget.dart';
 import 'package:surface/providers/post.dart';
 import 'package:surface/providers/userinfo.dart';
@@ -15,6 +16,47 @@ import 'package:very_good_infinite_list/very_good_infinite_list.dart';
 
 import '../../providers/sn_network.dart';
 
+class PostCommentQuickAction extends StatelessWidget {
+  final double? maxWidth;
+  final SnPost parentPost;
+  final Function? onPosted;
+
+  const PostCommentQuickAction({super.key, this.maxWidth, required this.parentPost, this.onPosted});
+
+  @override
+  Widget build(BuildContext context) {
+    final devicePixelRatio = MediaQuery.of(context).devicePixelRatio;
+
+    return Container(
+      height: 240,
+      constraints: BoxConstraints(maxWidth: maxWidth ?? double.infinity),
+      margin: ResponsiveBreakpoints.of(context).largerThan(MOBILE) ? const EdgeInsets.symmetric(vertical: 8) : EdgeInsets.zero,
+      decoration: BoxDecoration(
+        borderRadius: ResponsiveBreakpoints.of(context).largerThan(MOBILE)
+            ? const BorderRadius.all(Radius.circular(8))
+            : BorderRadius.zero,
+        border: ResponsiveBreakpoints.of(context).largerThan(MOBILE)
+            ? Border.all(
+                color: Theme.of(context).dividerColor,
+                width: 1 / devicePixelRatio,
+              )
+            : Border.symmetric(
+                horizontal: BorderSide(
+                  color: Theme.of(context).dividerColor,
+                  width: 1 / devicePixelRatio,
+                ),
+              ),
+      ),
+      child: PostMiniEditor(
+        postReplyId: parentPost.id,
+        onPost: () {
+          onPosted?.call();
+        },
+      ),
+    );
+  }
+}
+
 class PostCommentSliverList extends StatefulWidget {
   final SnPost parentPost;
   final double? maxWidth;
@@ -71,6 +113,7 @@ class PostCommentSliverListState extends State<PostCommentSliverList> {
 
   Future<void> refresh() async {
     _posts.clear();
+    _postCount = null;
     _fetchPosts();
   }
 

lib/widgets/post/post_item.dart

@@ -195,6 +195,57 @@ class PostItem extends StatelessWidget {
     final ua = context.read<UserProvider>();
     final isAuthor = ua.isAuthorized && data.publisher.accountId == ua.user?.id;
 
+    // Video full view
+    if (showFullPost && data.type == 'video' && ResponsiveBreakpoints.of(context).largerThan(TABLET)) {
+      return Row(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          const Gap(16),
+          Expanded(
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                _PostContentHeader(
+                  data: data,
+                  isAuthor: isAuthor,
+                  isRelativeDate: !showFullPost,
+                  onShare: () => _doShare(context),
+                  onShareImage: () => _doShareViaPicture(context),
+                  onSelectAnswer: onSelectAnswer,
+                  onDeleted: () {
+                    if (onDeleted != null) {}
+                  },
+                ).padding(bottom: 8),
+                if (data.preload?.video != null) _PostVideoPlayer(data: data).padding(bottom: 8),
+                _PostHeadline(data: data).padding(horizontal: 4, bottom: 8),
+                _PostFeaturedComment(data: data).padding(),
+                _PostBottomAction(
+                  data: data,
+                  showComments: true,
+                  showReactions: showReactions,
+                  onShare: () => _doShare(context),
+                  onShareImage: () => _doShareViaPicture(context),
+                  onChanged: _onChanged,
+                ),
+              ],
+            ),
+          ),
+          const Gap(4),
+          SizedBox(
+            width: 340,
+            child: CustomScrollView(
+              shrinkWrap: true,
+              slivers: [
+                PostCommentSliverList(
+                  parentPost: data,
+                ),
+              ],
+            ),
+          ),
+        ],
+      );
+    }
+
     // Article headline preview
     if (!showFullPost && data.type == 'article') {
       return Container(