From 5a85985534349d41eae01032769be5a81129444d Mon Sep 17 00:00:00 2001 From: LittleSheep Date: Fri, 31 Jan 2025 23:16:14 +0800 Subject: [PATCH] :sparkles: Featured comment --- assets/translations/en-US.json | 1 + assets/translations/zh-CN.json | 1 + assets/translations/zh-HK.json | 1 + assets/translations/zh-TW.json | 1 + lib/widgets/post/post_item.dart | 92 +++++++++++++++++++++++++++++++++ 5 files changed, 96 insertions(+) diff --git a/assets/translations/en-US.json b/assets/translations/en-US.json index c24d9c7..c4757c3 100644 --- a/assets/translations/en-US.json +++ b/assets/translations/en-US.json @@ -575,6 +575,7 @@ "colorSchemeWhite": "White", "colorSchemeBlack": "Black", "colorSchemeApplied": "Color scheme has been applied, may need restart the app to take effect.", + "postFeaturedComment": "Featured Comment", "postCategoryTechnology": "Technology", "postCategoryGaming": "Gaming", "postCategoryLife": "Life", diff --git a/assets/translations/zh-CN.json b/assets/translations/zh-CN.json index 3f85876..f7f5340 100644 --- a/assets/translations/zh-CN.json +++ b/assets/translations/zh-CN.json @@ -573,6 +573,7 @@ "colorSchemeWhite": "白色", "colorSchemeBlack": "黑色", "colorSchemeApplied": "主题色已应用，可能需要重启来生效。", + "postFeaturedComment": "精选评论", "postCategoryTechnology": "技术", "postCategoryGaming": "游戏", "postCategoryLife": "生活", diff --git a/assets/translations/zh-HK.json b/assets/translations/zh-HK.json index 9e9ef86..fec4541 100644 --- a/assets/translations/zh-HK.json +++ b/assets/translations/zh-HK.json @@ -573,6 +573,7 @@ "colorSchemeWhite": "白色", "colorSchemeBlack": "黑色", "colorSchemeApplied": "主題色已應用，可能需要重啓來生效。", + "postFeaturedComment": "精選評論", "postCategoryTechnology": "技術", "postCategoryGaming": "遊戲", "postCategoryLife": "生活", diff --git a/assets/translations/zh-TW.json b/assets/translations/zh-TW.json index f2ff86e..6a09248 100644 --- a/assets/translations/zh-TW.json +++ b/assets/translations/zh-TW.json @@ -573,6 +573,7 @@ "colorSchemeWhite": "白色", "colorSchemeBlack": "黑色", "colorSchemeApplied": "主題色已應用，可能需要重啟來生效。", + "postFeaturedComment": "精選評論", "postCategoryTechnology": "技術", "postCategoryGaming": "遊戲", "postCategoryLife": "生活", diff --git a/lib/widgets/post/post_item.dart b/lib/widgets/post/post_item.dart index 4019499..6f8e31d 100644 --- a/lib/widgets/post/post_item.dart +++ b/lib/widgets/post/post_item.dart @@ -6,6 +6,7 @@ import 'package:easy_localization/easy_localization.dart'; import 'package:file_saver/file_saver.dart'; import 'package:flutter/foundation.dart'; import 'package:flutter/material.dart'; +import 'package:flutter_animate/flutter_animate.dart'; import 'package:go_router/go_router.dart'; import 'package:google_fonts/google_fonts.dart'; import 'package:material_symbols_icons/symbols.dart'; @@ -188,6 +189,7 @@ class PostItem extends StatelessWidget { ), ), Text('postArticle').tr().fontSize(13).opacity(0.75).padding(horizontal: 24, bottom: 8), + _PostFeaturedComment(data: data, maxWidth: maxWidth).padding(horizontal: 12), _PostBottomAction( data: data, showComments: showComments, @@ -269,6 +271,7 @@ class PostItem extends StatelessWidget { LinkPreviewWidget( text: data.body['content'], ).padding(horizontal: 4), + _PostFeaturedComment(data: data, maxWidth: maxWidth).padding(horizontal: 12), Container( constraints: BoxConstraints(maxWidth: maxWidth ?? double.infinity), child: Column( @@ -1124,6 +1127,95 @@ class _PostTruncatedHint extends StatelessWidget { } } +class _PostFeaturedComment extends StatefulWidget { + final SnPost data; + final double? maxWidth; + + const _PostFeaturedComment({required this.data, this.maxWidth}); + + @override + State<_PostFeaturedComment> createState() => _PostFeaturedCommentState(); +} + +class _PostFeaturedCommentState extends State<_PostFeaturedComment> { + SnPost? _featuredComment; + + Future _fetchComments() async { + try { + final sn = context.read(); + final resp = await sn.client.get('/cgi/co/posts/${widget.data.id}/replies/featured', queryParameters: { + 'take': 1, + }); + setState(() => _featuredComment = SnPost.fromJson(resp.data[0])); + } catch (err) { + if (!mounted) return; + context.showErrorDialog(err); + } + } + + @override + void initState() { + super.initState(); + if (widget.data.metric.replyCount > 0) { + _fetchComments(); + } + } + + @override + Widget build(BuildContext context) { + if (widget.data.metric.replyCount == 0) return const SizedBox.shrink(); + if (_featuredComment == null) return const SizedBox.shrink(); + + return AnimateWidgetExtensions(Container( + constraints: BoxConstraints(maxWidth: widget.maxWidth ?? double.infinity), + margin: const EdgeInsets.only(top: 8), + width: double.infinity, + child: Material( + borderRadius: const BorderRadius.all(Radius.circular(8)), + color: Theme.of(context).colorScheme.surfaceContainerHigh, + child: InkWell( + borderRadius: const BorderRadius.all(Radius.circular(8)), + onTap: () { + showModalBottomSheet( + context: context, + useRootNavigator: true, + builder: (context) => PostCommentListPopup( + postId: widget.data.id, + commentCount: widget.data.metric.replyCount, + ), + ); + }, + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + Text('postFeaturedComment', style: Theme.of(context).textTheme.titleMedium!.copyWith(fontSize: 16)).tr(), + const Gap(4), + Row( + crossAxisAlignment: CrossAxisAlignment.center, + children: [ + CircleAvatar( + radius: 12, + backgroundImage: UniversalImage.provider( + _featuredComment!.publisher.avatar, + ), + ), + const Gap(8), + Expanded( + child: MarkdownTextContent( + content: _featuredComment!.body['content'], + isAutoWarp: true, + ), + ) + ], + ), + ], + ).padding(horizontal: 16, vertical: 8), + ), + ), + )).animate().fadeIn(duration: 300.ms, curve: Curves.easeInOut); + } +} + class _PostAbuseReportDialog extends StatefulWidget { final SnPost data;